@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/spectral-600-normal.33faca8b57.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/atkinson-400-normal.5cb240a4d9.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/atkinson-700-normal.0dbe07ed76.woff2) format("woff2")}:root{--paper: #f5f0e6;--paper-2: #ebe4d6;--card: #fffdf8;--ink: #1d2433;--ink-2: #4a505e;--line: #d6cdbb;--accent: #b8361f;--accent-ink: #fff;--amber: #e3a21a;--good: #2f6b3f;--bad: #a3271a;--focus: #1d4ed8;--radius: 14px;--wrap: 72rem;--serif: "Spectral", Georgia, "Times New Roman", serif;--sans: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #14161b;--paper-2: #1c1f26;--card: #20242c;--ink: #ece6da;--ink-2: #b6b0a4;--line: #353a45;--accent: #ff7a5c;--accent-ink: #14161b;--amber: #f0b43a;--good: #7fcf8f;--bad: #ff8a7a;--focus: #8ab4ff}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.6 var(--sans)}img,svg{max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}h1{font-size:clamp(2rem,6vw,3.25rem);margin:.2em 0 .4em}h2{font-size:clamp(1.45rem,3.6vw,1.9rem);margin:2rem 0 .6rem}h3{font-size:1.2rem;margin:1.4rem 0 .4rem}p,ul,ol{margin:0 0 1rem}li+li{margin-top:.3rem}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}thead th{background:var(--paper-2);font-size:.92rem}.table-wrap{overflow-x:auto;margin:0 0 1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.table-wrap table{min-width:32rem}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1rem}.narrow{max-width:46rem}.wrap.narrow{margin:0 auto}.muted{color:var(--ink-2)}.small{font-size:.9rem}.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.6rem 1rem;z-index:10}.skip-link:focus{left:1rem}main:focus{outline:none}.kicker{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0;font-weight:700}.kicker:before{content:"";display:inline-block;width:1.6rem;height:.4rem;margin-right:.5rem;vertical-align:middle;background:linear-gradient(90deg,var(--ink) 0 30%,var(--amber) 30% 60%,var(--accent) 60%);border-radius:2px}.lede{font-size:1.2rem;color:var(--ink);max-width:44rem}.pill{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .6rem;border-radius:99px;background:var(--ink);color:var(--paper);margin-right:.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.6rem 1.15rem;border-radius:10px;border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:700 1rem var(--sans);text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(1.06)}.btn-quiet{background:transparent;color:var(--ink);border-color:var(--ink)}.btn:disabled{opacity:.55;cursor:default}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1rem 0}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}.brand{display:inline-flex;align-items:center;gap:.55rem;font:600 1.3rem var(--serif);color:var(--ink);text-decoration:none}.mark{width:2rem;height:2rem;flex:none}.nav-inline{display:none;list-style:none;margin:0;padding:0;gap:.3rem}.nav-inline li+li{margin:0}.site-nav a{color:var(--ink);text-decoration:none;padding:.45rem .7rem;border-radius:8px;font-weight:700;display:inline-block}.site-nav a:hover{background:var(--paper-2)}.site-nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--accent)}.nav-menu{position:relative}.nav-menu summary{list-style:none;cursor:pointer;font-weight:700;padding:.5rem .9rem;border:2px solid var(--ink);border-radius:10px}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu ul{position:absolute;right:0;top:calc(100% + .4rem);z-index:5;list-style:none;margin:0;padding:.4rem;min-width:13rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px #00000026}.nav-menu li+li{margin:0}.nav-menu a{display:block}@media(min-width:52rem){.nav-inline{display:flex}.nav-menu{display:none}}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:0;margin:1rem auto 0;font-size:.9rem;color:var(--ink-2)}.breadcrumb li+li{margin:0}.breadcrumb li+li:before{content:"/";margin-right:.3rem;color:var(--ink-2)}.hero{padding:1.5rem 0 2.5rem;border-bottom:1px solid var(--line);background:radial-gradient(120% 90% at 100% 0%,var(--paper-2),transparent 60%)}.hero-grid{display:grid;gap:2rem;align-items:center}@media(min-width:60rem){.hero-grid{grid-template-columns:1.15fr 1fr}}.soon{color:var(--ink-2);margin-top:.5rem}.shot{margin:0 auto;max-width:260px;text-align:center}.shot img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 18px 40px #1d24332e}.shot figcaption{font-size:.85rem;color:var(--ink-2);margin-top:.7rem}.guide-body>.shot{margin:2rem auto}.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:min(62vw,240px);gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem .25rem 1rem}.gallery .shot{scroll-snap-align:start;max-width:none}@media(min-width:64rem){.gallery{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}}.bank-img{margin:1rem 0}.bank-img img{display:block;width:100%;max-width:720px;height:auto;border-radius:12px;border:1px solid var(--line)}.bank-img figcaption{font-size:.8rem;color:var(--ink-2);margin-top:.3rem}.diagram{margin-bottom:1rem}.band{padding-top:1rem}.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:.8rem}@media(min-width:48rem){.steps{grid-template-columns:repeat(4,1fr)}}.steps li{counter-increment:s;margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.steps li:before{content:counter(s);display:block;font:600 1.8rem/1 var(--serif);color:var(--accent);margin-bottom:.4rem}.task-list{list-style:none;padding:0;display:grid;gap:.5rem}@media(min-width:40rem){.task-list{grid-template-columns:1fr 1fr}}.task-list li{margin:0}.task-list a{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);text-decoration:none;font-weight:700}.task-list a:hover{border-color:var(--accent)}.qn{display:inline-grid;place-items:center;min-width:1.8rem;height:1.8rem;border-radius:50%;background:var(--ink);color:var(--paper);font:700 .9rem var(--sans);flex:none}.related{padding-top:1rem;padding-bottom:2.5rem}.cards{list-style:none;padding:0;display:grid;gap:.8rem}@media(min-width:40rem){.cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.cards{grid-template-columns:repeat(4,1fr)}}.cards li{margin:0}.cards a{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1rem;border:1px solid var(--line);border-top:4px solid var(--ink);border-radius:var(--radius);background:var(--card);color:var(--ink);text-decoration:none}.cards a:hover{border-top-color:var(--accent)}.cards span{color:var(--ink-2);font-size:.93rem}.guide{padding-bottom:1rem}.guide-head{padding:1.2rem 0 .5rem}.byline{font-size:.9rem;color:var(--ink-2)}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}@media(min-width:64rem){.guide-grid{grid-template-columns:15rem minmax(0,46rem)}.toc{position:sticky;top:1rem;align-self:start}}.toc{font-size:.93rem;border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem;background:var(--card)}.toc h2{font:700 .8rem var(--sans);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .4rem;color:var(--ink-2)}.toc ol{margin:0;padding-left:1.2rem}.toc a{color:var(--ink)}section[id]{scroll-margin-top:1rem}.guide-body>section:first-child h2{margin-top:.5rem}.callout{border-left:4px solid var(--amber);background:var(--paper-2);padding:.8rem 1rem;border-radius:6px;margin:0 0 1rem}.callout p:last-child{margin:0}blockquote{margin:0 0 1rem;padding:.4rem 1rem;border-left:4px solid var(--line);color:var(--ink-2)}.sample{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:var(--radius);padding:1rem 1.1rem;margin:0 0 1rem}.sample p{font-family:var(--serif);font-size:1.08rem}.sample .sample-meta{font:700 .82rem var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}.sample p:last-child{margin-bottom:0}.faq details{border-bottom:1px solid var(--line);padding:.75rem 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:.5rem 0 0}.sources ul{padding-left:1.2rem;font-size:.93rem}.app-cta{margin:2rem 0;padding:1.2rem;border-radius:18px;background:#1d2433;color:#f5f0e6}.app-cta h2{margin-top:0;color:inherit}.app-cta a:not(.btn){color:#f0b43a}.app-cta .soon{color:inherit;opacity:.9}.app-cta .pill{background:#f0b43a;color:#1d2433}.prose h2{font-size:1.45rem}.prose h3{font-size:1.1rem}.toc-inline{margin:0 0 1.5rem}.practice,.quiz,.calc{margin:1.5rem 0;padding:1.1rem;border:2px solid var(--ink);border-radius:18px;background:var(--card)}.practice h2,.quiz h2,.quiz h3,.calc h2{margin-top:0}.prompt{background:var(--paper-2);border-radius:10px;padding:.9rem 1rem;margin-bottom:1rem}.prompt p:last-child{margin:0}.timer{display:grid;gap:1rem;align-items:center}@media(min-width:36rem){.timer{grid-template-columns:11rem 1fr}}.ring{--p: 0;width:11rem;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,var(--card) 79%,transparent 80% 100%),conic-gradient(var(--amber) calc(var(--p) * 360deg),var(--paper-2) 0);margin:0 auto}.ring[data-phase=speak]{background:radial-gradient(closest-side,var(--card) 79%,transparent 80% 100%),conic-gradient(var(--accent) calc(var(--p) * 360deg),var(--paper-2) 0)}.ring-time{font:600 2.6rem/1 var(--serif);font-variant-numeric:tabular-nums}.ring-phase{font-size:.78rem;color:var(--ink-2);max-width:8rem;margin-top:.3rem}.timer-status{font-weight:700}.field-label{display:block;font-weight:700;margin-bottom:.4rem}textarea{width:100%;font:1rem/1.55 var(--sans);padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);resize:vertical}.writer-bar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:.6rem 0;font-weight:700;font-variant-numeric:tabular-nums}[data-count][data-state=over]{color:var(--bad)}[data-count][data-state=ok]{color:var(--good)}.quiz-grid{display:grid;gap:1rem}.quiz-grid>*{min-width:0}main a{overflow-wrap:anywhere}@media(min-width:60rem){.quiz-grid{grid-template-columns:1fr 1fr}.passage{position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 2rem);overflow:auto}}.passage{background:var(--paper-2);border-radius:10px;padding:1rem;font-size:.98rem}fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 .8rem;padding:.7rem .9rem;min-width:0}legend{font-weight:700;padding:0 .3rem}legend .qn{min-width:1.5rem;height:1.5rem;font-size:.8rem;margin-right:.3rem}fieldset label{display:flex;gap:.5rem;align-items:baseline;padding:.3rem 0;cursor:pointer}input[type=radio]{accent-color:var(--accent);width:1.1rem;height:1.1rem;flex:none}fieldset[data-state=right]{border-color:var(--good);box-shadow:inset 4px 0 0 var(--good)}fieldset[data-state=wrong],fieldset[data-state=blank]{border-color:var(--bad);box-shadow:inset 4px 0 0 var(--bad)}.why summary{cursor:pointer;font-size:.9rem;color:var(--ink-2)}.why p{margin:.4rem 0 0;font-size:.95rem}.quiz-result{font-weight:700}.calc-grid{display:grid;gap:.4rem 1rem;align-items:center}@media(min-width:36rem){.calc-grid{grid-template-columns:1fr 10rem}}.calc input,.calc select{font:1rem var(--sans);min-height:2.7rem;padding:.4rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);width:100%}.calc-out{display:block;margin:1rem 0 .5rem;padding:.9rem 1rem;background:var(--paper-2);border-radius:10px;font-weight:700}.site-footer{margin-top:2rem;background:var(--paper-2);border-top:1px solid var(--line);font-size:.93rem}.footer-top{display:grid;gap:1.5rem;padding-top:2rem;padding-bottom:1rem}@media(min-width:48rem){.footer-top{grid-template-columns:repeat(3,1fr)}}@media(min-width:72rem){.footer-top{grid-template-columns:1.4fr repeat(5,1fr)}}.footer-col h2{font:700 .8rem var(--sans);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;color:var(--ink-2)}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col a{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);padding-top:1rem;padding-bottom:5.5rem;color:var(--ink-2)}.notice{font-size:.86rem}.cookie-banner{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;padding:.6rem max(.9rem,env(safe-area-inset-right)) calc(.6rem + env(safe-area-inset-bottom)) max(.9rem,env(safe-area-inset-left));background:var(--card);border-top:2px solid var(--ink);box-shadow:0 -4px 20px #00000026}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;font-size:.93rem;flex:1 1 17rem;max-width:40rem}.cookie-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem}.cookie-btn{box-sizing:border-box;min-width:6.5rem;min-height:2.75rem;padding:.5rem 1rem;border-radius:10px;border:2px solid var(--ink);background:var(--card);color:var(--ink);font:700 1rem var(--sans);cursor:pointer}.cookie-btn:hover{background:var(--paper-2)}.draft-banner{background:var(--amber);color:#1d2433;text-align:center;padding:.5rem;font-weight:700}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,.site-footer,.cookie-banner,.app-cta,.related{display:none}}