:root{--ink:#18362f;--paper:#fbfaf4;--cream:#f1eddf;--orange:#f26a3d;--yellow:#f5ca62;--line:#d9d5c8;--muted:#63736d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}.topbar{height:76px;display:flex;align-items:center;max-width:1200px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:19px;letter-spacing:-.8px;color:var(--ink);text-decoration:none;display:flex;gap:8px;align-items:center}.brand-mark{width:28px;height:28px;background:var(--ink);color:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:18px}.brand-accent{color:var(--orange)}.article-hero{background:var(--cream);border-bottom:1px solid var(--line);padding:62px max(28px,calc((100vw - 960px)/2)) 56px}.eyebrow{color:var(--orange);font-weight:700;font-size:11px;letter-spacing:1.8px;margin:0 0 14px}.article-hero h1,.article h2,.article h3{font-family:Fraunces,serif;letter-spacing:-1.5px;line-height:1.08}.article-hero h1{font-size:clamp(40px,6vw,62px);margin:0;max-width:800px}.lede{font-size:18px;max-width:700px;margin:20px 0 0}.article{max-width:760px;margin:0 auto;padding:54px 28px 72px}.article h2{font-size:31px;margin:44px 0 14px}.article h3{font-size:23px;margin:30px 0 10px}.article p,.article li{font-size:16px}.article a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}.article ul,.article ol{padding-left:22px}.article li+li{margin-top:7px}.callout{border-left:4px solid var(--orange);background:#fff7ef;padding:17px 20px;margin:28px 0}.formula{font:600 18px Fraunces,serif;background:#edf2ee;border:1px solid var(--line);padding:16px 18px;border-radius:6px;overflow:auto}.example{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px 22px;margin:24px 0}.example h3{margin-top:0}.article-nav{max-width:760px;margin:0 auto;padding:26px 28px 0;font-size:14px}.article-nav a{color:var(--ink)}.guide-list{display:grid;gap:12px;margin:25px 0}.guide-card{display:block;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:20px;background:#fff}.guide-card:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--yellow)}.guide-card strong{display:block;font:600 24px Fraunces,serif;letter-spacing:-1px}.guide-card span{display:block;color:var(--muted);font-size:14px;margin-top:5px}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--muted);font-size:12px}footer{padding:34px max(28px,calc((100vw - 1144px)/2));display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}footer p{margin:0}@media(max-width:760px){.topbar{height:64px;padding:0 20px}.article-hero{padding:46px 20px}.article{padding:38px 20px 56px}.article h2{font-size:28px}.article-nav{padding:20px 20px 0}footer{padding:28px 20px;display:grid;gap:14px}.footer-links{order:3}}