
:root{color-scheme:light;--ink:#202b2b;--muted:#52615e;--line:#ccd7d2;--paper:#fbfcf9;--wash:#edf3ed;--accent:#175b4b;--accent-dark:#103f34;--focus:#9b3c16;font:100%/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink)}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}.skip{position:absolute;left:1rem;top:-5rem;background:var(--paper);padding:.7rem;z-index:2}.skip:focus{top:1rem}
.site-header,footer{display:flex;justify-content:space-between;gap:1rem;padding:1.15rem max(1.25rem,calc((100% - 68rem)/2));border-bottom:1px solid var(--line)}.site-header a{font-weight:800;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.site-header span,footer,.freshness,.citations{color:var(--muted);font-size:.9rem}footer{border-top:1px solid var(--line);border-bottom:0}footer p{max-width:68rem;margin:0}
.wrap{max-width:68rem;margin:clamp(2.5rem,6vw,5.5rem) auto;padding:0 1.25rem 5rem}.wrap>*{max-width:46rem}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.75rem;font-weight:750;color:var(--accent);margin-bottom:1.1rem}.eyebrow a{color:inherit}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(2.45rem,5.2vw,4.5rem);max-width:18ch;margin:0 0 1.4rem;font-weight:750}.lede{font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.55;max-width:38rem;color:var(--muted)}h2{font-size:1.7rem;margin:0 0 1rem}h3{font-size:1.2rem;margin:0 0 .8rem}p{margin:0 0 1rem}li{padding-left:.2rem;margin:.45rem 0}section,nav{margin:3.5rem 0}.primary-link{display:inline-block;background:var(--accent);color:#fbfcf9;text-decoration:none;border-radius:.3rem;padding:.9rem 1.2rem;font-weight:700;margin:.8rem 0}.primary-link:hover{background:var(--accent-dark);text-decoration:none}.notice{background:var(--wash);padding:1.25rem 1.4rem;margin:2.5rem 0;border-radius:.3rem}.notice p:last-child{margin-bottom:0}.objectives{padding-left:1.35rem}.objectives li{padding-left:.35rem;margin:.7rem 0}
nav{padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}nav h2{font-size:1.15rem}nav ol{padding-left:1.4rem;margin-bottom:0}nav li{margin:.65rem 0}.lesson{scroll-margin-top:1rem;padding-top:1rem}.lesson h2{max-width:28ch}.citations{border-top:1px solid var(--line);padding-top:.8rem;margin-top:1.4rem;line-height:1.6}.check{border-top:1px solid var(--line);padding:1.7rem 0;margin:1.5rem 0}.check h3{max-width:38ch}.answers{display:grid;gap:.65rem;margin:1.3rem 0}.answers details{border:1px solid #aebfb6;border-radius:.3rem;background:#fff}.answers details[open]{border-color:var(--accent);background:var(--wash)}.answers summary{cursor:pointer;font-weight:650;padding:1rem 1.1rem;line-height:1.4}.answers summary:hover{background:var(--wash)}.feedback{padding:.1rem 1.15rem 1rem;color:var(--ink)}.feedback p:last-child{margin-bottom:0}.handoffs{list-style:none;padding:0}.handoffs li{border-top:1px solid var(--line);padding:1.4rem 0 .5rem;margin:0}.handoffs h3{margin-bottom:.5rem}.privacy{font-size:.95rem;color:var(--muted)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:38rem){.site-header{align-items:flex-start;flex-direction:column;gap:.15rem}.wrap{margin:2.5rem auto}h1{font-size:2.45rem}h2{font-size:1.5rem}section,nav{margin:2.8rem 0}.notice{padding:1.1rem}footer{display:block}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
