:root{color-scheme:light;--paper:#f4f0e7;--ink:#202520;--muted:#565e52;--accent:#a93424;--line:#cbcbbd;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--accent)}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:1rem;top:-5rem;padding:1rem;background:var(--paper)}.skip:focus{top:1rem}header,main,footer{max-width:1160px;margin:auto;padding:2rem 5vw}header{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:-.06em;font-size:1.5rem;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:1.3rem;font-size:.9rem}nav [aria-current=page]{color:var(--accent)}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;color:var(--muted);font-weight:bold}.hero{padding:3rem 0 4rem;position:relative}.hero h1{font-size:clamp(3rem,8vw,6.5rem);line-height:1;letter-spacing:-.065em;max-width:850px;margin:1rem 0 2rem;font-weight:800}.hero p{max-width:580px;font-size:1.15rem;line-height:1.7}.accent{color:var(--accent)}.rule{height:12px;background:repeating-linear-gradient(135deg,var(--accent),var(--accent) 2px,transparent 2px,transparent 9px);margin:1.5rem 0 3rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.card{border-top:1px solid var(--ink);padding:1rem 0 2rem}.number{color:var(--accent);font-family:monospace}.card h2{font-size:1.4rem;letter-spacing:-.03em}.card p,p,li{line-height:1.75}.card p{color:var(--muted)}.reading{max-width:730px}.reading h1{font-size:clamp(2.5rem,6vw,4rem);letter-spacing:-.05em;line-height:1.08}.reading h2{font-size:1.8rem;letter-spacing:-.03em;line-height:1.2}.reading article{padding:2rem 0;border-top:1px solid var(--line);scroll-margin-top:2rem}.lead{font-size:1.25rem}.note{border-left:3px solid var(--accent);padding-left:1.5rem;color:var(--muted)}footer{border-top:1px solid var(--line);font-size:.8rem;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);margin-top:3rem}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;gap:1rem}.grid{grid-template-columns:1fr;gap:0}.hero{padding:2rem 0}.hero h1{font-size:3.3rem}footer{flex-direction:column}.reading{width:100%}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}