:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17251f;background:#fafbf9;font-synthesis:none;line-height:1.65;--muted:#58675e;--line:#d8e0d9;--accent:#17663c}
*{box-sizing:border-box}
body{margin:0}
a{color:var(--accent);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:2px}
header,main,footer{width:min(100% - 40px,720px);margin-inline:auto}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px;border-bottom:1px solid var(--line)}
.brand{color:inherit;text-decoration:none;font-weight:650;letter-spacing:-.02em}
nav{display:flex;gap:22px;flex-wrap:wrap}
nav a{font-size:.94rem}
nav a[aria-current=page]{color:inherit;text-decoration:none;font-weight:600}
main{padding-block:54px 64px;min-height:65vh}
h1{font-size:clamp(2rem,7vw,3rem);line-height:1.15;letter-spacing:-.045em;margin:0 0 20px;font-weight:650}
h2{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;margin:36px 0 12px;font-weight:650}
p{margin:0 0 18px}
.intro{font-size:1.2rem;max-width:36em}
.meta,footer{font-size:.9rem;color:var(--muted)}
.meta{margin-bottom:34px}
ol,ul{padding-left:24px;margin:0 0 22px}
li{padding-left:3px;margin-bottom:8px}
footer{padding-block:24px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:inherit}
@media(max-width:480px){header{align-items:flex-start;flex-direction:column;gap:12px;padding-block:22px}main{padding-top:36px}nav{gap:24px}}
@media(prefers-color-scheme:dark){:root{color:#e5eee7;background:#111914;--muted:#a6b7aa;--line:#344439;--accent:#8ddba5}}