:root{font-family:system-ui,sans-serif;color:#142c42;background:#f3f6f9;line-height:1.7}*{box-sizing:border-box}body{margin:0}header{background:#142c42;color:white;padding:22px max(24px,calc((100vw - 1060px)/2));display:flex;justify-content:space-between;gap:24px;align-items:center}header a{color:white;text-decoration:none}header strong{font-size:1.35rem}main{max-width:1060px;margin:auto;padding:48px 24px}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;max-width:850px}h2{font-size:1.7rem;line-height:1.3}h3{font-size:1.15rem}a{color:#076956;text-underline-offset:4px}.intro{font-size:1.15rem;max-width:760px}.eyebrow{font-weight:700;color:#076956;letter-spacing:.08em;text-transform:uppercase}.toc{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.toc a{background:white;border:1px solid #cedbe5;border-radius:8px;padding:9px 14px}article{background:white;border:1px solid #d9e2e9;border-radius:14px;padding:32px;margin:26px 0;scroll-margin-top:20px}article p,article li{max-width:810px}li{margin-bottom:10px}.callout{border-left:4px solid #0d9278;background:#edf8f5;padding:14px 20px}.cta{display:inline-block;background:#142c42;color:white;padding:12px 20px;text-decoration:none;border-radius:8px}footer{padding:24px;text-align:center;border-top:1px solid #cedbe5;font-size:.9rem}.example{font-family:ui-monospace,monospace;background:#f3f6f9;padding:18px;border-radius:8px;overflow-wrap:anywhere}@media(max-width:600px){header{flex-wrap:wrap}main{padding:28px 18px}article{padding:22px}}