/* Product branding only; layout and controls follow the approved QLoods help. */
:root{--pink:#c35704;--green:#235d31}
.brand{height:52px;display:flex;align-items:center;padding:6px 10px;background:#263640;border-radius:3px}
.brand img{width:145px;max-height:40px;object-fit:contain}
header{gap:20px}
.hotspot[aria-pressed=true]{background:#f47b12;color:#203763;box-shadow:0 0 0 4px #f47b1226}
.hotspot{width:26px;height:26px;font-size:12px}
.instruction-toggle[aria-pressed=true] span{background:#f47b12;color:#203763}
.navigation{overflow:auto}
.navigation nav{display:flex;flex-direction:column;gap:4px}
.chapter-group{min-width:0}
.chapter-row{display:flex;align-items:center;gap:0;min-width:0}
.navigation .chapter-link{flex:1;min-width:0;gap:5px;padding:7px 4px;font-size:12px}
.chapter-link b{flex:0 0 25px}
.chapter-link span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chapter-toggle{flex:0 0 28px;width:28px;height:36px;border:0;background:transparent;border-radius:4px;padding:0;font-size:20px;line-height:1}
.chapter-toggle:hover{background:var(--active)}
.chapter-toggle[aria-expanded=true] span{display:inline-block;transform:rotate(180deg)}
.chapter-subjects{margin:2px 0 6px 17px;padding-left:9px;border-left:1px solid var(--line)}
.chapter-subjects[hidden]{display:none!important}
.navigation .subject-link{display:block;font-size:12px;line-height:1.4;padding:7px 6px;text-decoration:none;overflow-wrap:anywhere}
.navigation .subject-link[aria-current=location]{background:var(--active);font-weight:bold;box-shadow:inset 3px 0 #f47b12}
.layout>.guide-column{grid-template-rows:58px 20px minmax(0,auto) minmax(0,1fr) 62px}
.instruction-options{max-height:calc(var(--step-count,4)*44px);overflow:auto}
.prerequisite{color:var(--muted);font-size:13px!important;margin-bottom:12px!important}
.explanation{border:0;border-top:1px solid var(--line);border-radius:0;scrollbar-gutter:stable}
.image-column{border:0;background:transparent}
.instruction-text{overflow-wrap:anywhere}
.instruction-picker,.scene-picker{outline-offset:2px}
#print-instructions{display:none}
@media(min-width:851px) and (max-height:1000px){
 .layout>.guide-column{grid-template-rows:36px 18px 36px minmax(0,1fr) 62px;padding-top:12px;gap:6px}
 .topic-field>span{display:none}.topic-field{display:block}.steps-label{display:block}
 .instruction-options{display:none}.instruction-picker{display:block}
}
@media(max-width:850px){
 header{gap:7px}.brand{height:44px;padding:4px 7px}.brand img{width:107px;max-height:34px}
 .layout{grid-template-rows:auto minmax(100px,.65fr) minmax(0,1.15fr)}
 .navigation{overflow:auto;max-height:140px}.navigation nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2px 6px}
 .navigation .chapter-link{font-size:11px;padding:3px 0;gap:4px}.chapter-link b{flex-basis:18px}
 .chapter-toggle{height:28px;width:24px;flex-basis:24px;font-size:17px}
 .chapter-subjects{margin:2px 0 5px 10px;padding-left:5px}
 .navigation .subject-link{font-size:11px;padding:5px 4px}
 .layout>.guide-column{grid-template-rows:30px 30px minmax(0,1fr) 46px}
 .instruction-options{display:none}.instruction-picker{display:block}.prerequisite{font-size:12px!important;margin-bottom:7px!important}
 .hotspot{width:20px;height:20px;font-size:10px}
}
@media(max-width:440px){header .badge{font-size:10px;padding:3px 5px}#fullscreen{font-size:10px;padding:5px}.navigation nav a{font-size:10px;gap:3px}.navigation b{flex-basis:17px;width:17px;height:17px;line-height:17px}}
@media print{
 html,body{overflow:visible;height:auto;display:block}header{display:none}
 .layout>.navigation,.layout>.guide-column,.workspace{display:none!important}
 .layout>main,.chapter{height:auto;display:block}.chapter-heading .goal{display:block!important}
 #print-instructions{display:block}.chapter-heading{margin-bottom:24px}
 #print-instructions section{break-before:page}#print-instructions h3{break-after:avoid}
}