:root{color-scheme:light;--ink:#17332a;--muted:#53665e;--line:#d9e2da;--accent:#23654c}
*{box-sizing:border-box}body{margin:0;background:#f8faf6;color:var(--ink);font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}a:hover{color:#123c2c}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip{position:absolute;left:1rem;top:-6rem;background:white;padding:1rem}.skip:focus{top:1rem}
header,main,footer{max-width:820px;margin:auto;padding:28px 28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:700;font-size:23px}.brand img{border-radius:13px;width:48px;height:48px}
nav{display:flex;gap:20px;font-size:15px}nav a[aria-current=page]{font-weight:700}main{padding-top:42px;padding-bottom:48px}h1{font-size:clamp(30px,5vw,42px);line-height:1.15;letter-spacing:-1px;margin:0 0 22px}h2{font-size:23px;line-height:1.3;letter-spacing:-.3px;margin:38px 0 14px}p{margin:0 0 20px}li{margin:0 0 12px}ul{padding-left:24px}code{font-size:.9em;background:#ebf0e9;padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);font-size:14px;color:var(--muted);padding-bottom:36px}
@media(max-width:480px){body{font-size:16px}header,main,footer{padding-left:20px;padding-right:20px}header{align-items:flex-start;flex-direction:column;gap:18px}nav{gap:24px}main{padding-top:32px}}