@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f4f3ed;--ink:#132e2c;--muted:#586b66;--accent:#c7f16c;--line:#ccd4c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button,a{touch-action:manipulation}header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}nav{max-width:1240px;margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;gap:24px}.brand{text-decoration:none;font:700 23px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand span{font-size:12px;letter-spacing:1px;margin-left:12px;font-weight:500}nav .links{display:flex;gap:26px;align-items:center;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}main{max-width:1240px;margin:auto;padding:0 32px}.hero{padding:82px 0 66px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;background:#709346;border-radius:100%}h1{font:500 clamp(44px,5.2vw,72px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:25px 0}h1 em{font-style:normal;color:#6a8556}p{line-height:1.7} .intro{font-size:18px;max-width:540px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:24px;background:var(--ink);color:white;padding:15px 20px;text-decoration:none;border:1px solid var(--ink);font:500 14px 'DM Sans',sans-serif;cursor:pointer}.btn.secondary{background:transparent;color:var(--ink)}.micro{font-size:12px;color:var(--muted);margin-top:24px}.console{background:#153632;color:#e6eddf;padding:28px;box-shadow:14px 14px 0 #e1e5d7;min-height:350px}.console-top{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:1px;color:#adc0b5;border-bottom:1px solid #456158;padding-bottom:22px}.console pre{white-space:pre-wrap;line-height:2;font-size:13px;margin:32px 0}.console .signal{color:#c7f16c}.console-bottom{font-size:12px;border-top:1px solid #456158;padding-top:18px;color:#adc0b5}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:30px}.strip b{font:500 18px 'Space Grotesk',sans-serif}.strip p{font-size:13px;margin:8px 0 0;color:var(--muted)}section{padding:72px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:34px}h2{font:500 36px/1.15 'Space Grotesk',sans-serif;letter-spacing:-1.3px;margin:12px 0}h3{font:500 21px 'Space Grotesk',sans-serif;margin:0 0 12px}.section-head p{max-width:420px;margin:10px 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.num{font:12px monospace;color:#788b73;border-top:1px solid var(--line);padding-top:18px;margin-bottom:30px}.grid p{font-size:14px;color:var(--muted)}.interactive{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:36px;background:#e7ebdf}.choices{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.choice{border:1px solid #95a58a;padding:11px 17px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-size:13px}.choice[aria-pressed=true]{background:var(--ink);color:var(--accent);border-color:var(--ink)}.result{background:#fffef7;padding:28px;border-left:3px solid #86a658}code{font-family:monospace;font-size:13px;overflow-wrap:anywhere}.result code{display:block;line-height:1.8}.result p{font-size:14px}.tag{font:10px monospace;text-transform:uppercase;letter-spacing:1px;color:#667657}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}.flow div{padding:22px;border:1px solid var(--line)}.flow small{display:block;color:#718169;margin-bottom:16px}.flow p{font-size:13px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:20px 18px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;background:#e7ebdf}td:first-child{font-weight:700;min-width:145px}.table-wrap{overflow:auto}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:17px}details p{color:var(--muted);max-width:850px}.closing{background:var(--ink);color:white;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:60px 0}.closing p{color:#c0cfc3;max-width:600px}.closing .btn{background:var(--accent);color:var(--ink);white-space:nowrap}footer{max-width:1240px;margin:auto;padding:12px 32px 35px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid #849f43;outline-offset:5px}@media(max-width:800px){nav{padding:16px 20px;flex-wrap:wrap}.brand span{display:none}nav .links{gap:15px;font-size:12px;flex-wrap:wrap}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:36px;padding:45px 0}.console{min-height:280px;box-shadow:8px 8px 0 #e1e5d7}h1{letter-spacing:-2px}.strip,.grid{grid-template-columns:1fr;gap:24px}.section-head{display:block}.interactive{grid-template-columns:1fr;padding:22px;gap:15px}.flow{grid-template-columns:1fr 1fr}.closing{display:block;padding:28px}.closing .btn{margin-top:20px}section{padding:45px 0}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.scope-note{padding:20px 24px;background:#e7ebdf;border-left:3px solid #6a8556;font-size:14px}.sequence{padding-left:24px;line-height:1.8}.sequence li{padding:8px 0}caption{text-align:left;padding:12px 0;color:var(--muted)}#report-title{margin-top:18px}.hero>*{min-width:0}@media(max-width:480px){.flow{grid-template-columns:1fr}.brand{font-size:21px}}

/* Shared multipage navigation and resource directory */
nav{gap:24px;flex-wrap:wrap}nav .links{display:flex;flex-wrap:wrap;gap:20px}nav [aria-current="page"]{text-decoration:underline;text-underline-offset:7px;font-weight:700}.page-intro{padding:64px 0 32px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(38px,6vw,68px);margin:16px 0;overflow-wrap:anywhere}.page-intro .intro{max-width:750px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.resource-card{display:block;text-decoration:none;border:1px solid var(--line);padding:28px;color:var(--ink)}.resource-card:hover{background:#e7ebdf}.resource-card h2{font-size:26px;letter-spacing:-.5px}.resource-card .num{display:block;border:0;margin:0;padding:0}.resource-card p{color:var(--muted)}.notice{padding:24px;background:#e7ebdf;margin:32px 0 0;line-height:1.7}.sequence li{margin:16px 0;max-width:850px}.skip-link{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip-link:focus{top:12px}pre{overflow-wrap:anywhere;white-space:pre-wrap}caption{text-align:left;padding:16px 0;color:var(--muted)}@media(max-width:600px){.resource-grid{grid-template-columns:1fr}.page-intro{padding-top:36px}nav .links{gap:12px 18px}.resource-card{padding:22px}}