:root{color-scheme:light;--ink:#14252a;--muted:#40555b;--link:#075c68;--line:#c9dedb;--paper:#f7fbfa;--card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--link);text-underline-offset:3px}a:hover{color:#003b43}a:focus-visible{outline:3px solid #077784;outline-offset:4px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1.5rem,calc((100% - 850px)/2));background:#e5f1ee;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.brand{color:var(--ink);font-weight:750;font-size:1.12rem;text-decoration:none}
.container{max-width:850px;margin:0 auto;padding:2.2rem 1.5rem}
main{min-height:65vh}h1,h2{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3rem);margin:.25rem 0 1.2rem}h2{font-size:1.35rem;margin:2rem 0 .5rem}p{margin:.65rem 0 1rem}.eyebrow{color:var(--link);font-size:.83rem;text-transform:uppercase;letter-spacing:.09em;font-weight:750}.lead{font-size:1.2rem}.card{background:var(--card);padding:1.5rem;border:1px solid var(--line);border-radius:12px;margin-top:2rem}.card h2{margin-top:0}li{margin:.5rem 0}code{font-size:.86em;overflow-wrap:anywhere}footer.container{border-top:1px solid var(--line);font-size:.9rem;color:var(--muted);padding-top:1.5rem;padding-bottom:2.5rem}.legal h2{margin-top:2rem}
@media(max-width:550px){.site-header{align-items:flex-start;flex-direction:column;gap:.25rem}.container{padding:1.75rem 1.2rem}}
.utility-logo{display:block;margin:.4rem 0 1rem;border-radius:20px}
