/* Shared with the XW Works paper, ink, teal and cinnabar identity. */
:root{--fg:#fbfaf6;--muted:#c6d0cf;--faint:#aabcb8;--gold:#f0bd77;--orange:#e76b42;--green:#65aaa4;--blue:#8bbcb9;--red:#f58b74;--bg0:#0d242c;--bg1:#112d38;--card:rgba(244,241,233,.05);--line:rgba(244,241,233,.18)}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
body.light{--fg:#112d38;--muted:#506469;--faint:#5d7073;--gold:#8a5c20;--orange:#b74420;--green:#2f6f6c;--blue:#245f6c;--red:#b74420;--bg0:#f4f1e9;--bg1:#fbfaf6;--card:#f4f1e9;--line:rgba(17,45,56,.16)}
#stage{box-shadow:0 24px 80px rgba(17,45,56,.16)}
#stage::before{background:radial-gradient(900px 520px at 78% -10%,rgba(240,189,119,.09),transparent 65%)}
#stage::after{opacity:.16;background-size:68px 68px}
#stage h2,.bigword{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;letter-spacing:-.025em}
#stage a{color:var(--gold);text-decoration:underline;text-underline-offset:.22em}
#stage a:focus-visible{outline:3px solid var(--green);outline-offset:4px}
#stage .tile,#stage .side{border-radius:4px;border-color:var(--line);box-shadow:none}
#stage .method{border-left-color:var(--orange);border-radius:0}
#stage .pill{border-radius:4px}
#readingLink,#assessmentLink,#editionControls,#editionControls select,#nav,#nav button,#hud{border-radius:4px;box-shadow:none}
#editionControls{border-color:var(--line)}
body.light #nav,body.light #hud,body.light #editionControls{background:rgba(251,250,246,.96);border-color:var(--line)}
body.mob .slide{padding-top:calc(128px + var(--sat));align-content:start}
body.mob .slide.s-cover,body.mob .slide.s-end{align-content:center}
.s-cover,.s-end{background:#112d38;color:#fbfaf6;--fg:#fbfaf6;--muted:#c6d0cf;--faint:#aabcb8;--gold:#f0bd77;--card:rgba(244,241,233,.05);--line:rgba(244,241,233,.18)}
body.light .s-cover .num,body.light .s-end .num{background:none;-webkit-text-fill-color:#f0bd77;color:#f0bd77}
body:not(:has(#stage)){background:#f4f1e9;color:#112d38}
body:not(:has(#stage)) h1,body:not(:has(#stage)) h2{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;letter-spacing:-.02em}
body:not(:has(#stage)) a{color:#245f6c;text-underline-offset:.2em}
body:not(:has(#stage)) article,body:not(:has(#stage)) .tile,body:not(:has(#stage)) .panel,body:not(:has(#stage)) .card{background:#fbfaf6;border-color:rgba(17,45,56,.16);border-radius:4px}
body:not(:has(#stage)) button,body:not(:has(#stage)) textarea{border-radius:4px}
body:not(:has(#stage)) button[aria-pressed=true]{background:#112d38;color:#fbfaf6}
@media(prefers-contrast:more){body.light{--muted:#112d38;--faint:#112d38;--line:#506469}}
@media(forced-colors:active){.s-cover,.s-end{background:Canvas;color:CanvasText}#stage a{color:LinkText}}
body:not(.mob) #assessmentLink{top:auto;bottom:14px}
body.light:has(.s-cover.active) #wm,body.light:has(.s-end.active) #wm{color:#c6d0cf;opacity:1}

/* Calm teaching interface and fullscreen fallback for embedded browsers. */
#hud{display:none}
#fsBtn{width:auto!important;min-width:92px!important;padding:0 12px!important;font:600 14px/1.2 system-ui!important;white-space:nowrap}
#ovBtn{font:600 14px/1.2 system-ui!important;width:auto!important;min-width:52px;padding:0 12px!important;white-space:nowrap;flex-shrink:0}
#fsBtn{flex-shrink:0}
body.mob #nav{gap:4px;padding:6px;width:calc(100% - 24px);justify-content:center}
body.mob #nav button{min-width:44px;width:44px}
body.mob #ovBtn{min-width:44px;padding:0 8px!important}
body.mob #fsBtn{min-width:84px!important;padding:0 8px!important}
body.mob #helpBtn{display:none}
body.mob #wm{font-size:clamp(4px,1.1vw,7px)}
body.presenting #editionControls,body.presenting #readingLink,body.presenting #assessmentLink,body.presenting #hud,body.presenting #helpBtn,body.presenting #ovBtn{display:none!important}
body.presenting #stage-wrap{inset:0}
body.presenting.mob .slide{padding-top:calc(28px + var(--sat))}
body.presenting #nav{opacity:1!important}
.s-cover .mega{font-size:112px;line-height:1.1}
body.mob .s-cover .mega{font-size:clamp(48px,14vw,76px)}
@media print{body.presenting #nav{display:none!important}}