/* Git course scenes share one canvas with their reading; no independent sidebar. */
.wb-lesson .gc-lesson.wb-stage-model{display:block}
.gc-lesson .gc-model{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:18px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.gc-model>h2{margin:0;font-size:clamp(18px,2vw,27px);line-height:1.2;letter-spacing:-.025em}
.gc-model-scene,.gc-preview-scene{min-width:0;min-height:0;position:relative;overflow:hidden}
.gc-story{display:block;width:100%;height:100%;min-height:0}
.gc-model-caption{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.gc-context-tabs{display:flex;gap:6px;align-items:center}
.gc-context-tabs button,.gc-text-pager button{min-height:30px;padding:4px 10px;font-size:11px}
.gc-context-tabs button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent)}
.gc-context-tabs button[data-context-view=scene]{display:none}
.gc-context-reading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center}
.gc-context-reading p{margin:0;font-size:15px;line-height:1.5;max-width:1000px}
.gc-context-reading .wb-source{grid-column:1/-1;margin:0}
.gc-text-pager{display:flex;align-items:center;gap:7px;font:11px ui-monospace,monospace}
.wb-journey .gc-preview{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;padding:24px}
.gc-preview .wb-preview-copy{margin:0;padding:0}.gc-preview .wb-command{margin-bottom:8px}
.gc-preview .wb-preview-copy h2{font-size:clamp(24px,3vw,38px);margin:0 0 8px}
.gc-preview .wb-preview-copy>p:last-child{font-size:15px;line-height:1.4}
.gc-preview .wb-path{display:none}
.gc-preview .gc-preview-scene{min-height:80px}
.gc-lesson .gc-observation{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.gc-observation .wb-demo{border:0;border-radius:0;background:transparent}
.gc-observation .wb-demo-canvas{min-height:0}
.gc-observation .wb-reading{border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 20px;gap:7px;background:transparent}
.gc-observation .wb-observe-tabs{max-width:380px}
.gc-observation .wb-demo-result{font-size:14px!important;line-height:1.45!important}
.gc-observation .wb-catalog-evidence p:last-child{font-size:14px;line-height:1.45}
@media(max-width:700px),(max-height:650px){
 .gc-lesson .gc-model{padding:10px 12px;gap:7px}
 .gc-model>h2{font-size:17px;line-height:1.25}
 .gc-model-caption{gap:5px;padding-top:6px}
 .gc-context-reading{gap:4px 8px}.gc-context-reading p{font-size:12px;line-height:1.45}
 .gc-context-tabs button,.gc-text-pager button{min-height:26px;padding:3px 7px;font-size:11px}
 .gc-context-reading .wb-source{font-size:11px}
 .wb-journey .gc-preview{padding:12px;gap:8px}
 .gc-preview .wb-preview-copy h2{font-size:23px;margin-bottom:5px}
 .gc-preview .wb-preview-copy>p:last-child{font-size:12px}
 .gc-preview .wb-command{font-size:11px;margin-bottom:5px}
 .gc-observation .wb-reading{padding:8px 10px;gap:5px}
 .gc-observation .wb-demo-result,.gc-observation .wb-catalog-evidence p:last-child{font-size:11px!important;line-height:1.4!important}
}
@media(max-width:400px){
 .gc-context-reading{grid-template-columns:1fr}.gc-text-pager{justify-self:end}
 .gc-model>h2{font-size:15px}.gc-context-reading p{font-size:11px}
 .gc-model .gc-context-reading .wb-source{font-size:11px}
}
@media(max-height:400px){
 .gc-lesson .gc-model{grid-template-rows:minmax(0,1fr) auto;gap:5px;padding:6px 10px}
 .gc-model>h2{display:none}
 .gc-context-reading p{font-size:11px;line-height:1.35}
 .gc-observation{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;grid-template-rows:1fr!important}
 .gc-observation .wb-reading{border-top:0;border-left:1px solid var(--line)}
 .wb-journey .gc-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:5px 10px;padding:9px}
 .gc-preview .wb-preview-meta{grid-column:1/-1}.gc-preview .wb-preview-copy{grid-column:1;grid-row:2;align-self:center}
 .gc-preview .gc-preview-scene{grid-column:2;grid-row:2;min-height:0}
 .gc-preview .wb-preview-actions{grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;gap:8px}
 .gc-preview .wb-preview-copy h2{font-size:18px}.gc-preview .wb-preview-copy>p:last-child{font-size:11px}
}
@media(max-height:350px){
 .gc-lesson .gc-model{position:relative;grid-template-rows:1fr;padding:5px 8px}
 .gc-model .gc-context-tabs button[data-context-view=scene]{display:block}
 .gc-model .gc-model-caption{border:0;padding:0;grid-template-rows:auto minmax(0,1fr);min-height:0;gap:4px}
 .gc-model .gc-model-scene{display:none}
 .gc-model[data-context-view=scene] .gc-model-scene{display:block;position:absolute;inset:34px 8px 5px}
 .gc-model[data-context-view=scene] .gc-context-reading{display:none}
 .gc-model .gc-context-reading{align-content:center;gap:3px 10px}
 .gc-model .gc-context-reading .wb-source{font-size:11px}
}
@media(max-height:350px) and (min-width:480px){
 .gc-model .gc-context-reading .wb-source{position:absolute;right:10px;top:12px;font-size:11px}
}
.gc-observation .gc-observe-reading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;width:100%}
.gc-observation .gc-observe-reading p{font-size:inherit;line-height:inherit;margin:0}
@media(max-height:300px){
 html[data-workbench] body{--wb-top:46px}
 html[data-workbench] .topbar{padding:2px 10px;gap:0 8px}
 html[data-workbench] .topbar button,html[data-workbench] .platform-switch{min-height:22px;padding:2px 6px}
 html[data-workbench] .topbar nav a{font-size:11px;padding:1px 0}
 .wb-lesson.learning-workbench,.wb-journey.learning-workbench{padding:5px 10px;gap:4px}
 .wb-lesson .wb-heading .eyebrow,.wb-journey .wb-heading .eyebrow{display:none}
 .wb-lesson .wb-heading h1,.wb-journey .wb-heading h1{font-size:17px}
 .wb-lesson .wb-module-select select,.wb-journey .wb-module-select select{min-height:24px;padding:2px 4px}
 .wb-lesson .wb-navigation{padding:0}.wb-lesson .wb-navigation a{min-height:24px}
 .gc-observation .wb-demo>header{padding:2px 7px}
 .gc-observation .wb-demo-controls{padding:3px 7px}
 .gc-observation .wb-demo-controls button{min-height:24px;padding:2px 5px}
 .gc-observation .wb-reading{padding:6px;gap:4px}
 .gc-observation .gc-observe-reading{gap:4px}
 .gc-observation .gc-text-pager{flex-direction:column;gap:2px;font-size:11px}
 .gc-observation .gc-text-pager button{min-height:22px;padding:1px 6px}
}
.gc-observation .gc-observe-reading{font-size:14px;line-height:1.45}
@media(max-width:700px),(max-height:650px){.gc-observation .gc-observe-reading{font-size:11px;line-height:1.4}}