:root{color-scheme:light;--ink:#142e31;--muted:#436065;--line:#cedbd7;--paper:#f5f8f5;--accent:#07594e}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.65 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:.18em}a:focus-visible{outline:3px solid #146d90;outline-offset:4px}.site{border-bottom:1px solid var(--line);background:#fff}.site div,.wrap{width:min(70rem,calc(100% - 2rem));margin:auto}.site div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0}.site a{font-weight:700}.hero{padding:2rem 0 1.6rem}.hero h1{font-size:clamp(2.15rem,5vw,4.25rem);line-height:1.04;letter-spacing:-.045em;max-width:19ch;margin:.35rem 0 1rem}.hero p{max-width:63ch;margin:.5rem 0;color:var(--muted)}.category{font-size:.85rem;font-weight:750;color:var(--accent)}.hero img{display:block;width:100%;height:auto;margin-top:1.4rem;border-radius:1rem}.grid{display:grid;grid-template-columns:15rem minmax(0,45rem);gap:2rem;padding:1rem 0 3rem}.toc{align-self:start;border-top:3px solid var(--accent);padding-top:1rem}.toc ol{padding-left:1.2rem}.toc li{margin:.5rem 0}.body h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.2;margin:1.6rem 0 .7rem}.body p{margin:.7rem 0 1rem}.answer,.next{padding:1.2rem 1.4rem;background:#e2f0e9;border-left:4px solid var(--accent);border-radius:.25rem}.answer p,.next p{margin:0}.next a{display:inline-block;background:var(--accent);color:white;border-radius:.4rem;padding:.55rem .9rem;margin-top:.65rem;text-decoration:none}.related{border-top:1px solid var(--line);margin-top:2rem}.footer{border-top:1px solid var(--line);padding:1rem 0 2rem;color:var(--muted)}.guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem}.guide-card{border:1px solid var(--line);border-radius:.7rem;background:#fff;padding:.85rem}.guide-card img{width:100%;height:auto;border-radius:.4rem}.guide-card h3{line-height:1.25;margin:.5rem 0}.guide-card p{margin:.5rem 0}@media(max-width:700px){.grid{grid-template-columns:1fr;gap:1rem}.hero{padding-top:1.25rem}}