:root{color-scheme:light;--ink:#202d37;--muted:#56636b;--paper:#f8f9f6;--line:#dbe2dc;--accent:#28624f}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--accent);text-underline-offset:4px}
a:hover{color:#153c30}
a:focus-visible{outline:3px solid #79b49a;outline-offset:4px}
.masthead{max-width:1100px;margin:0 auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:18px;text-decoration:none;color:var(--ink)}
nav{display:flex;flex-wrap:wrap;gap:24px;font-size:15px}
main{max-width:840px;margin:0 auto;padding:62px 36px 68px}
.eyebrow{font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 18px}
h1{font-size:clamp(32px,5vw,49px);line-height:1.15;letter-spacing:-.035em;margin:0 0 25px;font-weight:650}
.intro{font-size:21px;line-height:1.6;color:#3b4c56;margin-bottom:40px}
section{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
h2{font-size:23px;line-height:1.35;letter-spacing:-.015em;margin:0 0 14px}
p{margin:0 0 16px}
code{font:14px/1.5 ui-monospace,Consolas,monospace;background:#e9efe9;padding:3px 6px;border-radius:4px}
.date{font-size:14px;color:var(--muted);margin:0 0 27px}
footer{max-width:1100px;margin:0 auto;padding:24px 36px 35px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:24px;font-size:14px;color:var(--muted)}
footer span{margin-left:auto}
@media(max-width:600px){body{font-size:16px}.masthead{padding:21px 23px;align-items:flex-start;flex-direction:column;gap:13px}main{padding:38px 23px 44px}.intro{font-size:19px}footer{padding:23px;gap:18px}footer span{width:100%;margin-left:0}}
@media print{body{background:white}main{padding-top:24px}.masthead,footer{max-width:none}a{color:inherit}section{break-inside:avoid}}