@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.ttf) format("truetype");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope.ttf) format("truetype");font-style:normal;font-weight:400 800;font-display:swap}:root{font-family:DM Sans,system-ui,sans-serif;font-size:14px;line-height:1.5;color:#203a3b;background:#f1f4f0;font-synthesis:none;font-variant-numeric:tabular-nums;--ink:#203a3b;--muted:#5d7067;--accent:#185c50;--paper:#fff;--soft:#f3f6f1;--line:#dbe4db;--small:12px;--body:14px;--section:22px;--display:32px;--radius:16px;--panel-top:62px;--panel-max: calc(100dvh - 150px) }*{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,a,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,.home-action{min-width:44px;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:var(--body);line-height:1.3;font-weight:600;cursor:pointer;transition:background .16s,box-shadow .16s,transform .16s}a{color:inherit;text-decoration:none}a:hover,button:hover:enabled{filter:brightness(.96)}a:hover,dialog a{text-decoration:underline}button:disabled{cursor:default;opacity:.42}:focus-visible,.immersive .observation-feed:focus-within{outline:var(--focus-ring,3px solid #3182a0);outline-offset:var(--focus-offset,3px)}svg{width:var(--icon-size,22px);height:var(--icon-size,22px);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:var(--title-tracking,-.035em);font-weight:750;line-height:var(--title-leading,1.25);font-size:var(--section);margin-bottom:12px}h1{font-size:var(--display);margin:0}kbd{font:500 var(--small)/1.5 "DM Sans",sans-serif;border:var(--kbd-border,1px solid #d3ded1);border-radius:4px;padding:var(--kbd-padding,0 4px);background:var(--kbd-background,#f5f8f2);color:var(--kbd-color,var(--muted));display:var(--kbd-display,inline);opacity:var(--kbd-opacity,1)}:is(.eyebrow,.panel-layout-note,.home-page small,.home-page figcaption,.brand-sub,.attempt,.challenge-name,.control-heading,.keyboard-hint,.calm-note,.inset-title,.scene-badge,.camera-hint,.scene-bottom,.camera-guide-note,.step-label,.check-reading,.geometry-note,.page-footer,.observation-feed figcaption,.observation-tabs button,.observation-options button,.scene-options button,.scene-button,.sim-footer button,.replay-panel p){font-size:var(--small)}:is(.site-header,.brand,.site-header nav,.challenge-header,.practice-tools,.control-heading,.coach-top,.sim-footer,.sim-footer>div,.geometry-note,.page-footer){display:flex;align-items:center;gap:12px}.site-header{height:var(--header-h,68px);padding:var(--header-pad,0 max(24px,4vw));justify-content:space-between;background:#fcfdfa;border-bottom:1px solid var(--line)}.brand{min-height:44px;gap:10px;font-family:Manrope,sans-serif;font-weight:800;line-height:1.25}.brand-mark{--icon-size:28px;display:grid;place-items:center;width:var(--brand-w,38px);height:var(--brand-h,42px);border-radius:10px;background:var(--accent);color:#e7f3dd}.brand-sub{display:var(--brand-sub-display,block);margin-top:4px;letter-spacing:var(--brand-tracking,.1em);color:var(--muted);font-family:DM Sans,sans-serif;font-weight:500}.site-header nav{align-self:stretch;gap:var(--nav-gap,28px)}.site-header nav>a,.page-footer nav>a{display:flex;align-items:center;min-height:44px}.nav-current{display:flex;align-items:center;position:relative;font-weight:700;align-self:stretch}.nav-current:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--accent);border-radius:3px}.icon-button{padding:0;width:44px;border-radius:50%}main{max-width:var(--main-max,1600px);margin:auto;padding:var(--main-pad,24px max(24px,4vw) 0)}.challenge-header{justify-content:space-between;gap:var(--hero-gap,20px);margin-bottom:var(--hero-margin,20px)}.challenge-header .eyebrow{display:var(--hero-eyebrow,block)}.eyebrow,.step-label{font-weight:700;letter-spacing:var(--eyebrow-tracking,.1em);color:var(--feedback-ink,var(--muted));margin-bottom:var(--eyebrow-margin,6px)}.challenge-name{color:var(--muted);margin-top:6px}:is(.mode-switch,.gear-switch){display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#e9eee7;flex-shrink:0}:is(.mode-switch,.gear-switch) button{flex:1;background:transparent;border-color:transparent;color:var(--muted);font-size:var(--mode-font,var(--body));padding:var(--mode-pad,8px 12px)}:is(.mode-switch,.gear-switch,.observation-tabs,.observation-options) button[aria-pressed=true]{background:var(--selected-bg,var(--paper));color:var(--selected-ink,var(--accent));box-shadow:var(--selected-shadow,0 1px 4px #203d3012);border-color:var(--selected-border,#e1e7de)}.practice-layout{display:var(--layout-display,grid);flex-direction:column;grid-template-columns:var(--layout-columns,minmax(0,1fr) 300px);gap:var(--layout-gap,20px);align-items:start;position:relative}.simulator{width:100%;min-width:0;position:relative;display:flex;flex-direction:column;border:1px solid #d2ded2;border-radius:var(--radius);background:var(--paper);box-shadow:0 4px 24px #24483408;scroll-margin-top:12px}.practice-tools{padding:var(--tools-pad,8px 12px);gap:var(--tools-gap,8px);border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:var(--paper);order:0;--optional-control-display:var(--coach-toggle,none)}.practice-tools button{font-size:var(--small);padding:var(--tool-button-pad,8px 12px);pointer-events:auto;box-shadow:var(--tool-shadow,none)}#fullscreen{flex-shrink:0;flex-direction:var(--fullscreen-direction,row);gap:var(--fullscreen-gap,8px);width:var(--fullscreen-width,auto);min-height:46px;padding:var(--fullscreen-pad,8px 14px);font-size:var(--fullscreen-font,var(--body));font-weight:750;color:#f3faeb;background:linear-gradient(145deg,#315c55,#173e3a);border:1px solid #416b5f;border-radius:11px;box-shadow:inset 0 1px #ffffff26,0 3px #112e2a,0 4px 12px #173e3a20;--icon-size:20px;--kbd-border:0;--kbd-background:none;--kbd-color:currentColor;--kbd-padding:0;--kbd-display:block;--kbd-opacity:.8}#fullscreen span{max-width:var(--fullscreen-label-w,none);line-height:1.2}#fullscreen,#replay-close,.check-reading,.immersive .scene-top #camera,.attempt{margin-left:auto}.scene-wrap{height:var(--scene-h,clamp(300px, calc(100dvh - 430px) ,540px));position:var(--scene-position,relative);isolation:isolate;background:#d6e0dc;overflow:hidden;order:1;flex-shrink:0;inset:var(--scene-inset,auto);width:var(--scene-width,auto);z-index:var(--scene-z,auto)}#scene,#scene canvas,#overhead{height:var(--canvas-h,100%);width:100%;display:block;--focus-offset:-3px}#scene canvas{cursor:grab;touch-action:none}#scene canvas.orbiting{cursor:grabbing}.scene-top{position:absolute;top:var(--hud-top,12px);left:var(--hud-gap,12px);right:var(--hud-gap,12px);display:flex;justify-content:space-between;align-items:start;gap:8px;pointer-events:none}:is(.scene-badge,.scene-button,.camera-hint){background:#fffffff0;color:#34584b;border:1px solid #ffffffb3;border-radius:7px;box-shadow:0 1px 6px #2448340a}.scene-badge{--icon-size:18px;display:flex;gap:7px;align-items:center;padding:var(--badge-pad,7px 9px);min-height:var(--badge-h,38px);font-weight:600}.scene-badge>span{color:var(--muted);display:var(--badge-detail,inline)}.scene-button{position:var(--camera-position,static);bottom:var(--camera-bottom,auto);left:var(--camera-left,auto);pointer-events:auto;min-height:44px;padding:var(--scene-button-pad,8px 10px)}.camera-hint{display:var(--hint-display,block);position:absolute;left:12px;top:var(--hint-top,62px);padding:5px 8px;pointer-events:none}.inset{position:absolute;left:var(--inset-left,auto);right:var(--inset-right,var(--hud-gap,12px));top:var(--inset-top,68px);width:var(--inset-w,200px);border:1px solid #dbe7dd;border-radius:9px;overflow:hidden;background:#35444b;box-shadow:0 3px 14px #16343326;--canvas-h:var(--overhead-h,104px)}.inset-title,.observation-feed figcaption{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:var(--feed-caption-pad,7px 8px);min-height:var(--panel-title-height,auto);flex-shrink:0;outline-offset:-3px;line-height:1.2;color:#eef7e9;background:#253d3d;font-size:var(--small);font-weight:600}.scene-bottom{position:absolute;bottom:var(--status-bottom,12px);left:var(--hud-gap,12px);right:var(--status-right,var(--hud-gap,12px));display:flex;flex-direction:var(--status-direction,row);max-width:var(--status-width,none);justify-content:space-between;gap:8px;color:#f4faef;pointer-events:none}.scene-bottom>span{max-width:100%;padding:7px 10px;background:#203e3be8;border:1px solid #ffffff26;border-radius:7px}.scene-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c3dbae;margin-right:6px}#scene-speed small{font-size:inherit;color:#dae8d6}#loading,.scene-message{position:absolute;z-index:4;left:12px;right:12px;bottom:56px;border-radius:10px;padding:12px 14px;box-shadow:0 3px 18px #16343326;background:#fff4da;color:#654917;border:1px solid #e3cf9c}#loading{top:42%;bottom:auto;background:#f9fcf3;color:var(--ink);text-align:center}.drive-controls{order:4;display:grid;grid-template-columns:var(--control-columns,minmax(0,1fr) minmax(0,1fr));gap:var(--control-gap,20px);padding:var(--control-pad,14px 16px);-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line);background:linear-gradient(#f7faf5,#edf2eb)}.drive-controls button{border-radius:12px;border-color:#b8c9bf;box-shadow:inset 0 1px #ffffffb3,0 3px #bdcbc1;touch-action:none;-webkit-user-select:none;user-select:none}.control-heading,.drive-controls .control-heading{display:var(--control-label-display,flex);justify-content:space-between;margin-bottom:var(--control-label-gap,7px);color:var(--control-label-ink,var(--muted));font-weight:650;font-size:var(--control-heading-size,var(--small))}.steer-row,.replay-panel>div{display:var(--dock-steer-display,flex);gap:8px;align-items:center;grid-template-columns:1fr 1fr;flex-wrap:var(--row-wrap,nowrap)}.steer-button{flex-shrink:0;flex-direction:var(--steer-direction,column);gap:2px;min-width:var(--steer-w,64px);height:var(--steer-h,64px);padding:6px 8px;background:linear-gradient(#fff,#e8efe7);color:#264e46;font-size:var(--body);line-height:1;--icon-size:var(--steer-icon,28px)}.steer-button span{font-size:var(--small);font-weight:500;line-height:1.5}.steering-range{min-width:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--steer-gap,8px);align-items:center;grid-column:1/-1;grid-row:2}input[type=range]{width:100%;min-width:0;margin:0;height:44px;accent-color:var(--accent);touch-action:none;cursor:pointer}#steering{direction:rtl}.motion-controls{display:grid;grid-template-columns:var(--motion-columns,var(--gear-w,112px) minmax(0,1fr));align-items:end;gap:var(--motion-gap,10px)}.gear-switch{height:var(--gear-height,var(--pedal-h,64px));--selected-bg:#285e50;--selected-ink:#f3f9ec;padding:4px;border-color:#c2cfc2;background:#e0e8df}.gear-switch button{flex-direction:column;gap:0;padding:4px 2px;min-width:0;min-height:0;font-size:var(--section);font-weight:750;border-radius:8px;box-shadow:none}.pedals{display:flex;align-items:stretch;gap:10px;--icon-size:22px;height:var(--pedal-h,64px);--kbd-border:0;--kbd-background:none;--kbd-color:currentColor;--kbd-padding:0;--kbd-display:block;--kbd-opacity:.8}.pedals button{flex:1.5;flex-direction:var(--pedal-direction,row);gap:var(--pedal-gap,8px);min-width:0;padding:6px 8px;line-height:1.25}.brake{flex:1!important;background:repeating-linear-gradient(115deg,#ffffff15 0 2px,transparent 2px 8px),#f3e6dd;border-color:#c4a89a!important;color:#663f34;box-shadow:inset 0 1px #fff,0 3px #c4a89a!important;--pressed-bg:#f3c3ad;--pressed-ink:#663326;--pressed-border:#b98570}.primary,.creep{background:var(--button-bg);color:var(--action-ink,#f7fbee);border-color:var(--accent);font-weight:700;--button-bg:var(--action-bg,linear-gradient(145deg,#286f5a,#185c50))}.primary{width:100%;min-height:48px;justify-content:space-between;box-shadow:var(--primary-shadow,none)}.drive-controls button:is(:active,.held):enabled{background:var(--pressed-bg,#d1e8bd)!important;border-color:var(--pressed-border,#7d9d72)!important;color:var(--pressed-ink,#21432c)!important;box-shadow:inset 0 2px 5px #16392e2e,0 1px #b1c3b0!important;transform:translateY(2px)}.sim-footer{--icon-size:17px;order:5;padding:var(--footer-pad,5px 12px);min-height:var(--footer-h,54px);justify-content:space-between;gap:8px;--optional-control-display:var(--check-display,none)}.sim-footer>div{gap:6px;flex:var(--footer-actions-flex,0 1 auto);justify-content:space-between}.keyboard-hint{display:var(--keys-display,inline);color:var(--muted)}:is(.phone-camera-zoom,.mode-switch span:empty,.mobile-coach span,.observation-status),#scene-coach-close,#gear-note,#wheel,:is(.practice-ready,.practice-finished,.is-replaying) .drive-controls{display:none}.mobile-start{display:var(--start-display,none);order:2;width:calc(100% - 24px);margin:12px}.mobile-check,#scene-coach-toggle{display:var(--optional-control-display,none)}.mobile-coach{display:var(--mobile-coach-display,none);order:3;font-size:var(--small);padding:9px 12px;background:#edf4e7;border-bottom:1px solid var(--line)}.observation-deck{order:6;padding:12px;background:#edf2eb;border-top:1px solid var(--line)}.observation-grid{display:var(--feed-grid,grid);grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;max-width:var(--feed-max-width,100%)}.observation-feed{position:relative;min-width:0;overflow:hidden;border:1px solid #aebfb4;border-radius:9px;background:#1e3539}.observation-window{flex:var(--panel-window-flex,0 1 auto);min-height:0;height:var(--feed-h,128px);aspect-ratio:var(--view-aspect,1.65);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;background:#172b2f;overflow:hidden}.observation-window canvas{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;display:block}.camera-guide-note{order:7;padding:8px 12px;color:var(--muted);border-top:1px solid var(--line);background:var(--soft);border-radius:0 0 var(--radius) var(--radius)}.scene-options{display:none;position:absolute;z-index:10;left:12px;top:var(--panel-top);width:min(380px,calc(100% - 24px));max-height:var(--panel-max);overflow:auto;overscroll-behavior:contain;padding:16px;background:var(--paper);border:1px solid #c5d5c5;border-radius:12px;box-shadow:0 12px 40px #153d342e;--control-label-gap:0;--control-label-ink:var(--ink);--control-heading-size:var(--body)}.options-open .scene-options,.history-stats div{display:flex;flex-direction:column;gap:var(--stack-gap,16px);color:var(--stack-ink,inherit);font-size:var(--stack-size,inherit)}.observation-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;--selected-bg:#e4f0dc;--selected-ink:#234d3b;--selected-border:#a4c396;--selected-shadow:none}.observation-options>span,#larger-views,#reset-panels{grid-column:1/-1;font-size:var(--small);font-weight:650;color:var(--muted)}:is(.text-button,.sim-footer button,.geometry-note button,.page-footer button){background:transparent;border:0;color:var(--accent);padding:6px 8px;font-size:var(--small)}.coach{display:var(--coach-display,block);width:100%;min-width:0;padding:var(--coach-pad,18px);border:1px solid var(--line);border-radius:var(--radius);background:#fbfdf8}.coach-top{gap:8px;justify-content:space-between;margin-bottom:14px;--eyebrow-margin:0;--eyebrow-tracking:.04em;white-space:nowrap;color:var(--muted)}.coach-symbol,.lesson-icon,.intro-steps span{display:grid;place-items:center;width:var(--symbol-size,40px);height:var(--symbol-size,40px);background:var(--symbol-bg,#e9f0e2);color:var(--symbol-ink,var(--accent));border-radius:var(--symbol-radius,12px);margin:var(--symbol-margin,0 0 14px);font-size:var(--symbol-font,inherit);flex-shrink:0}.coach p,.replay-panel p,.panel-layout-note,dialog :is(p,dl,dd){color:var(--muted);line-height:1.65;margin:var(--copy-margin,0)}.coach .calm-note{color:var(--muted);text-align:center;margin:9px 0 22px}.intro-steps{padding:0;margin:18px 0;list-style:none;--symbol-size:28px;--symbol-radius:50%;--symbol-bg:#edf2e7;--symbol-ink:#426746;--symbol-font:var(--small);--symbol-margin:0}.intro-steps li{display:flex;align-items:center;gap:10px;margin:12px 0;font-weight:550}.feedback{background:var(--feedback-bg,#eef3e8);padding:12px;border-radius:9px;line-height:1.6;color:var(--feedback-ink,#3e6148);margin:16px 0;--meta-margin:0 0 5px;--meta-color:inherit}.warning-label,.warning-feedback{--feedback-bg:#fff0d1;--feedback-ink:#745018}.success,.success-feedback,.parking-checks .passed,.scene-message[data-kind=success]{background:#e1f0d7;color:#2b5f35!important}.parking-checks{padding:16px 0;border-top:1px solid var(--line)}.parking-checks>div:not(.eyebrow){display:flex;align-items:center;gap:6px;margin:9px 0;font-size:var(--small);color:var(--muted)}.lesson-card{display:flex;gap:10px;padding-top:16px;border-top:1px solid var(--line);--symbol-size:36px;--symbol-radius:9px;--symbol-bg:#edf2e7;--symbol-margin:0}.lesson-card a{display:block;font-size:var(--small);font-weight:650;margin:4px 0}.history-list small,.lesson-card .eyebrow,.lesson-card div>span:last-child,.feedback strong,.page-footer>span{display:block;font-size:var(--small);color:var(--meta-color,var(--muted));letter-spacing:0;margin:var(--meta-margin,0)}.below{padding:16px 0 24px}.geometry-note{gap:var(--geometry-gap,8px 20px);flex-wrap:wrap;color:var(--muted)}.geometry-note button{width:var(--history-w,auto);justify-content:var(--history-align,center);margin-left:var(--history-margin,auto)}.page-footer{display:var(--page-footer-display,flex);max-width:var(--page-footer-max,1480px);margin:var(--page-footer-margin,auto);justify-content:space-between;border-top:1px solid var(--line);padding:var(--page-footer-pad,16px 24px);color:var(--muted);flex-wrap:var(--footer-wrap,nowrap);--menu-margin:0;--menu-display:flex}.replay-panel{order:3;padding:14px;background:var(--soft);border-block:1px solid var(--line);--row-wrap:wrap;--dock-steer-display:flex}dialog{width:min(620px,calc(100% - 24px));max-height:85dvh;overscroll-behavior:contain;border:1px solid var(--line);border-radius:16px;padding:var(--dialog-pad,30px);background:#fbfdf8;color:var(--ink);box-shadow:0 24px 90px #153d3444;--copy-margin:16px 0}dialog::backdrop{background:#102d327a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:12px;width:44px;border-radius:50%;background:var(--soft)}dialog h2{margin:12px 0 20px}dialog dt{font-weight:700;color:var(--ink);margin-top:14px}.history-stats{display:flex;justify-content:space-between;gap:8px;--stack-gap:0;--stack-ink:var(--muted);--stack-size:var(--small)}.history-stats strong{font-size:var(--section);color:var(--accent)}.history-list>div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.coach-open>.coach,.immersive>.coach{position:absolute;z-index:10;top:var(--panel-top);left:12px;right:12px;width:min(340px,calc(100% - 24px));max-height:var(--panel-max);overflow:auto;box-shadow:0 12px 40px #153d342e}:is(.coach-open,.practice-finished)>.coach,.coach-open #scene-coach-close{display:block}.observation-tabs{display:var(--tabs-display,none);gap:4px;margin-bottom:8px;--selected-bg:var(--accent);--selected-ink:#f4faee;--selected-border:var(--accent);--selected-shadow:none}.observation-tabs button{flex:1;min-width:0;padding:6px 2px}.observation-feed[data-active=false]{display:var(--inactive-feed,block)}@media(max-width:1100px){:root{--layout-columns:minmax(0,1fr) 270px;--layout-gap:16px;--control-columns:1fr;--control-gap:12px;--scene-h:360px;--badge-detail:none;--inset-w:166px;--overhead-h:86px;--coach-pad:16px}}@media(max-width:900px){:root{--layout-display:flex;--coach-display:none;--coach-toggle:inline-flex;--control-columns:1fr 1fr;--start-display:flex}.practice-finished>.coach{position:static;width:100%}}@media(max-width:680px){:root{--display:24px;--section:22px;--panel-max: calc(100dvh - 125px) ;--header-h:58px;--header-pad:0 16px;--brand-w:32px;--brand-h:36px;--brand-tracking:.04em;--main-pad:14px 12px 0;--hero-gap:8px;--hero-margin:12px;--hero-eyebrow:none;--tools-pad:6px 8px;--tools-gap:6px;--tool-button-pad:6px 8px;--fullscreen-direction:row;--fullscreen-gap:6px;--fullscreen-width:auto;--fullscreen-pad:8px 10px;--fullscreen-font:var(--small);--fullscreen-label-w:76px;--pedal-direction:column;--pedal-gap:2px;--scene-h:clamp(260px,39dvh,340px);--hud-gap:8px;--hud-top:8px;--badge-pad:5px 7px;--badge-h:36px;--scene-button-pad:6px 8px;--inset-top:62px;--inset-w:126px;--feed-caption-pad:6px;--sync-display:none;--hint-display:none;--overhead-h:68px;--status-bottom:8px;--control-columns:1fr;--control-pad:10px 12px;--control-gap:10px;--control-label-gap:4px;--steer-h:58px;--steer-w:58px;--steer-icon:26px;--steer-gap:6px;--gear-w:112px;--motion-gap:8px;--pedal-h:64px;--footer-h:50px;--footer-pad:3px 8px;--footer-actions-flex:1;--check-display:inline-flex;--keys-display:none;--mobile-coach-display:block;--feed-grid:block;--tabs-display:flex;--inactive-feed:none;--feed-h:140px;--geometry-gap:6px 14px;--history-w:100%;--history-align:flex-start;--history-margin:0;--page-footer-display:block;--dialog-pad:28px 20px;--mode-font:var(--small);--mode-pad:6px}body:not(.home-page) .site-header nav>:not(#help),#keyboard-help,.scene-badge svg,.drive-controls kbd,#fullscreen kbd{display:none}}@media(max-width:370px){:root{--display:22px;--inset-w:120px;--gear-w:108px;--tools-gap:4px;--tool-button-pad:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.home-page{--display:clamp(40px,4.6vw,64px);--section:28px;--body:16px;--small:12px;--main-max:1320px;--main-pad:0 48px;--header-h:80px;--header-pad:0 max(24px, calc((100vw - 1224px)/2) );--action-bg:#185c50;--action-ink:#fff;--primary-shadow:0 3px 0 #103d3440;--muted:#526560;--eyebrow-margin:16px;--title-leading:1.08;--title-tracking:-.045em;--page-footer-max:1224px;--page-footer-pad:24px 0;--page-footer-margin:0 auto;--footer-wrap:wrap;font-size:var(--body);line-height:1.6;background:#f6f3ea}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--home-column,380px)),1fr));gap:var(--home-gap,48px);align-items:center}#home>section{padding-block:var(--home-section,72px);scroll-margin-top:24px}#home :is(p:not(.eyebrow),dd){line-height:1.7;color:var(--muted);max-width:52ch;margin:20px 0}#home h1 span{color:var(--accent)}#home menu,.home-page .page-footer nav{display:var(--menu-display,flex);flex-wrap:wrap;align-items:center;gap:var(--menu-gap,12px 24px);padding:0;margin:var(--menu-margin,24px 0 12px);list-style:none}.home-action{width:var(--home-action-width,max-content);max-width:100%;gap:24px;min-height:52px;background:var(--button-bg,transparent);border-color:transparent;padding:14px 22px;font-weight:650;text-decoration:none!important;border-radius:12px}#home img{display:block;width:100%;height:auto;object-fit:cover;border-radius:16px}#home-hero figure{position:relative}#home-hero figcaption{position:absolute;left:var(--caption-inset,20px);bottom:var(--caption-inset,20px);display:grid;gap:3px;padding:var(--caption-padding,16px 20px);border:1px solid #fff;border-radius:12px;background:#fffef2ed;color:var(--ink);box-shadow:0 4px 20px #1a3d3414}#exercise{padding-inline:var(--home-inset,48px);border-radius:24px;background:#203e3b;--ink:#f6f3ea;--muted:#cad8d0;--accent:#e1ecd3;--action-bg:#e1ecd3;--action-ink:#203e3b;color:var(--ink)}#home :is(dl,ol){--home-column:240px;align-items:start;padding:0;margin:40px 0 0;list-style:none}#exercise dl{padding-top:28px;border-top:1px solid #ffffff26;gap:24px}#learning-note{max-width:none!important;border-left:3px solid #9ebaa1;padding:8px 0 8px 20px;margin-top:40px!important}#questions,#questions details{align-items:start;border-bottom:1px solid #d1dace}#questions summary{padding:20px 0;min-height:64px;font-weight:650;cursor:pointer}#home-finish{padding-inline:var(--home-inset,48px);margin-bottom:64px;background:#e3e9dc;border-radius:24px}#skip-home:focus{position:fixed;inset:8px auto auto 8px;z-index:1100;width:auto;height:auto;clip-path:none;margin:0;padding:12px 20px;background:#fff}@media(max-width:800px){.home-page{--main-pad:0 24px;--header-h:68px;--header-pad:0 24px;--home-gap:32px;--section:26px;--home-section:48px;--home-inset:24px;--page-footer-margin:0 24px;--brand-tracking:.04em;--brand-w:32px;--brand-h:38px}.home-page .site-header nav>a:not([data-practice]){display:none}}@media(max-width:440px){.home-page{--display:40px;--header-pad:0 20px;--main-pad:0 20px;--brand-sub-display:none;--nav-gap:0;--menu-display:grid;--menu-gap:4px;--home-action-width:100%;--caption-inset:12px;--caption-padding:12px}}
