/* One quiet, untimed goal above the desk. Cards and the hand keep their own space. */
#app #tableView.cx-table.active.hg-enabled{grid-template-areas:"guide" "verbs" "dock";grid-template-rows:auto minmax(0,1fr) 122px}
.hg-strip{grid-area:guide;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:9px 12px;border:1px solid #8eab9477;background:#103538dc;color:#e9e1c8}
.hg-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.hg-copy small{font-size:11px;color:#afc5b5;letter-spacing:.04em}.hg-copy b{font-size:14px;font-weight:400}.hg-copy>span{font-size:12px;line-height:1.5;color:#c2d1c2}.hg-actions{display:flex;gap:5px;flex-shrink:0}.hg-actions button{padding:7px 10px;border:1px solid #97af9488;border-radius:1px;color:#e8ddbb;background:#254846;white-space:nowrap;font-size:12px;min-height:34px}
.cx-card[data-hg-next]{outline:2px solid #e4cc91;outline-offset:2px}.cx-detail-copy .hg-effect{padding:7px 9px;border-left:2px solid #dcc791;background:#b9c59712;color:#eee0b7;font-size:13px;line-height:1.6}
@media(max-width:700px){#app #tableView.cx-table.active.hg-enabled{grid-template-rows:auto minmax(0,1fr) 118px}.hg-strip{padding:7px 8px;gap:7px}.hg-copy b{font-size:13px}.hg-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px}.hg-actions{flex-direction:column;gap:4px}.hg-actions button{padding:4px 6px;min-height:30px;font-size:11px}}

/* The objective occupies a real grid row, outside the draggable workspace and output rail. */
body.mt-phone #app #tableView.cx-table.active.hg-enabled{grid-template-areas:"guide" "verbs" "dock";grid-template-rows:auto minmax(0,1fr) 196px;gap:6px}
body.mt-phone .hg-strip{padding:6px 8px;min-height:68px;gap:6px}
body.mt-phone .hg-copy small{font-size:10px}body.mt-phone .hg-copy b{font-size:12px;line-height:1.35}
body.mt-phone .hg-copy>span{font-size:11px;line-height:1.4}body.mt-phone .hg-actions button{min-height:30px}
@media(max-height:640px){body.mt-phone #app #tableView.cx-table.active.hg-enabled{grid-template-rows:auto minmax(0,1fr) 148px}body.mt-phone #app .hg-enabled .table-card-dock{height:148px}body.mt-phone #app .hg-enabled .wb-dock-row{height:146px;grid-template-rows:repeat(2,62px)}body.mt-phone #app .hg-enabled .wb-dock-row .cx-card{height:62px}body.mt-phone #app .hg-enabled .wb-dock-row .wb-card-art{height:36px;flex-basis:36px}}

/* Existing phone results occupy a separate row; preserve it when the guide is shown. */
body.mt-phone.mt-has-results #app #tableView.cx-table.active.hg-enabled{grid-template-areas:"guide" "verbs" "outputs" "dock";grid-template-rows:auto minmax(0,1fr) 98px 192px}
@media(max-height:720px){body.mt-phone.mt-has-results #app #tableView.cx-table.active.hg-enabled{grid-template-rows:auto minmax(0,1fr) 86px 148px}body.mt-phone.mt-has-results #app .hg-enabled .table-card-dock{height:148px}body.mt-phone.mt-has-results #app .hg-enabled .wb-dock-row{height:146px;grid-template-rows:repeat(2,62px)}body.mt-phone.mt-has-results #app .hg-enabled .wb-dock-row .cx-card{height:62px}body.mt-phone.mt-has-results #app .hg-enabled .wb-dock-row .wb-card-art{height:36px;flex-basis:36px}}