.example-header{min-height:92px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:24px;padding:20px 32px}.brand{font:29px/1.18 Georgia,serif;text-decoration:none;color:var(--ink)}.example-header>a:last-child{margin-left:auto;font-size:14px}.example-layout{display:grid;grid-template-columns:280px minmax(0,1fr)}#chapter-rail{padding:24px 20px;position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto;font-size:13px;line-height:1.35;border-right:1px solid var(--rule)}#chapter-rail a{display:block;padding:8px 10px;text-decoration:none;color:var(--muted);border-radius:4px}#chapter-rail a[aria-current=page]{color:var(--accent);background:var(--viewport)}main{padding:36px 40px 60px;min-width:0;max-width:1400px}main h1{font-size:32px;margin:12px 0}#example-task{max-width:850px}.gui-viewport{overflow:hidden}#viewport-note{position:absolute;inset:10px;padding:15px;pointer-events:none}#example-viewport canvas{position:absolute;inset:0}#example-viewport iframe{border:0;width:100%;height:100%;display:block}#example-limits{padding:14px 18px;border-left:3px solid var(--accent);background:var(--viewport);font-size:14px}#example-links{font-size:13px;display:flex;gap:12px;flex-wrap:wrap}.parameter-row{display:flex;gap:8px;align-items:center}.parameter-row input[type=range]{flex:1}.parameter-row input[type=number]{flex:0 0 78px;width:78px}#example-status{font-size:13px;min-height:1.65em}#example-metrics{font-size:13px}#example-metrics dd{max-width:180px;overflow-wrap:anywhere}#example-choice{min-width:0;max-width:100%;flex:1}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:10;background:white}body.embedded .example-header,body.embedded #chapter-rail{display:none}body.embedded .example-layout{display:block}body.embedded main{padding:16px}body.embedded h1{font-size:25px}.pose-example .gui-split{grid-template-columns:1fr}.pose-example .gui-viewport{height:560px}.pose-example .gui-controls{padding:12px 22px}.pose-example .gui-controls>.gui-status{display:none}@media(max-width:1000px){.example-layout{grid-template-columns:220px minmax(0,1fr)}main{padding:25px}.gui-split{grid-template-columns:1fr}.gui-viewport{height:390px}}@media(max-width:700px){.example-layout{display:block}#chapter-rail{display:none}.example-header{padding:16px;min-height:72px;gap:12px}.example-header .gui-eyebrow{display:none}main,body.embedded main{padding:12px}main h1{font-size:25px}.gui-viewport{height:340px}.pose-example .gui-viewport{height:540px}.gui-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
[hidden]{display:none!important}
#worked-steps{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 10px}#worked-steps button{font-size:12px;line-height:1.3;text-align:left}#worked-steps button[aria-pressed=true]{background:var(--viewport);border-color:var(--accent)}#worked-observation{font-size:14px;color:var(--muted);max-width:75ch}#diagnostic-details{font-size:12px;border-top:1px solid var(--rule);padding-top:8px}#source-choice{width:100%;min-width:0}#selection-info{overflow-wrap:anywhere}#example-diagnostics{font-size:12px}#example-diagnostics dd{overflow-wrap:anywhere;max-width:170px}.example-reference{font-size:12px;margin-top:14px}.example-reference summary{color:var(--accent)}#example-links{margin-top:12px}#example-note:empty,#worked-observation:empty{display:none}
body.book-embedded{font-size:14px;background:white}body.book-embedded main{padding:0 12px 16px}body.book-embedded .chapter-choice,body.book-embedded #example-title,body.book-embedded #example-task,body.book-embedded #worked-steps,body.book-embedded #worked-observation{display:none}body.book-embedded #evidence-class{font-size:9px;letter-spacing:.08em;margin:10px 0}body.book-embedded .gui-panel{border-radius:4px}body.book-embedded .gui-split{display:block}body.book-embedded .gui-viewport{height:clamp(160px,30vh,260px)}body.book-embedded .gui-controls{padding:10px 12px;font-size:12px;line-height:1.5}body.book-embedded .gui-controls label{margin:6px 0 4px}body.book-embedded .gui-toolbar{margin-top:10px}body.book-embedded button,body.book-embedded select{font-size:11px;min-height:32px;padding:5px 7px}body.book-embedded #example-metrics{font-size:12px;margin:12px 0}body.book-embedded #example-note{font-size:11px;line-height:1.5;margin:10px 0}body.book-embedded #example-limits{font-size:11px;line-height:1.5;padding:8px 10px;margin:10px 0}body.book-embedded #example-status{font-size:10px;min-height:0;margin:5px 0;color:var(--muted)}body.book-embedded.pose-example .gui-viewport{height:560px}body.book-embedded #parameter-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}body.book-embedded .parameter-row input[type=number]{flex-basis:62px;width:62px;font-size:12px}body.book-embedded #parameter-controls select{max-width:100%;width:100%}
@media(max-width:380px){body.book-embedded #parameter-controls{grid-template-columns:1fr}body.book-embedded .gui-viewport{height:160px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}