:root{--ink:#14211d;--muted:#4a5a55;--brand:#1f6f5c;--brand-dark:#154f42;--wash:#eef6f3;--line:#d6e3de;--max:68rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:#fff;margin:0;font:1.0625rem/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--brand-dark)}a:focus-visible,button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:#fff;padding:.5rem 1rem;top:1rem;left:1rem}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}header.site{border-bottom:1px solid var(--line)}header.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.9rem;display:flex}.logo{color:var(--ink);font-size:1.2rem;font-weight:700;text-decoration:none}.logo span{color:var(--brand)}nav ul{flex-wrap:wrap;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}nav a{font-weight:500;text-decoration:none}nav a[aria-current=page]{text-underline-offset:.3em;text-decoration:underline}.hero{background:var(--wash);padding-block:3.5rem}.hero h1{max-width:22ch;margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.hero p{color:var(--muted);max-width:40rem;margin:0 0 1.5rem;font-size:1.2rem}.button{background:var(--brand);color:#fff;border-radius:.5rem;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:var(--brand-dark)}.button.secondary{color:var(--brand-dark);border:2px solid var(--brand);background:0 0;margin-left:.5rem}section.band{padding-block:3rem}section.band h2{margin:0 0 1.25rem;font-size:1.6rem}.grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;display:grid}.card{border:1px solid var(--line);border-radius:.75rem;padding:1.25rem}.card h3{margin:0 0 .5rem;font-size:1.15rem}.card p{color:var(--muted);margin:0}ol.steps{padding-left:1.25rem}ol.steps li{margin-bottom:.75rem}.prose{max-width:44rem;padding-block:2.5rem}.prose h1{margin-top:0;font-size:2rem}.draft{background:#fff7e0;border:1px solid #e8cf7a;border-radius:.5rem;padding:.75rem 1rem}footer.site{border-top:1px solid var(--line);color:var(--muted);margin-top:2rem;padding-block:1.5rem;font-size:.95rem}footer.site ul{flex-wrap:wrap;gap:1.25rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}
