:root{color-scheme:light;--paper:#faf9f6;--ink:#30362f;--muted:#626b60;--green:#425d46;--line:#dce2d7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.85 system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}a{color:var(--green);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #526c55;outline-offset:5px;border-radius:3px}header,nav,main,footer,.draft{max-width:880px;margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;padding:40px 28px 26px}.brand{font-size:30px;font-weight:650;letter-spacing:-1px;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:500}.language{font-size:14px}nav{display:flex;gap:26px;padding:0 28px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}nav a{font-size:14px;text-decoration:none}nav a[aria-current]{text-decoration:underline;font-weight:650}.draft{margin-top:28px;padding:15px 24px;background:#eee9da;border-left:3px solid #877746;font-size:14px;color:#574b2d}main{padding:44px 28px 70px}article{max-width:720px}h1{font-size:36px;letter-spacing:-1px;line-height:1.3;margin:0 0 28px;font-weight:600}h2{font-size:23px;line-height:1.5;margin:38px 0 14px;font-weight:600}h3{font-size:19px}p{margin:0 0 22px;overflow-wrap:anywhere}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);margin-bottom:20px}.eyebrow+h1{font-size:72px;margin-bottom:15px}.intro{font-size:24px;line-height:1.6;max-width:550px;color:var(--muted)}.cards{display:grid;gap:12px;margin-top:42px}.cards a{display:flex;justify-content:space-between;padding:23px 26px;background:white;border:1px solid var(--line);border-radius:14px;text-decoration:none;font-size:18px}.cards a:hover{background:#eff3ec}footer{padding:28px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer p{margin-bottom:5px}.skip{position:absolute;top:-80px;left:15px;background:white;padding:8px;z-index:5}.skip:focus{top:10px}li{margin-bottom:8px}@media(max-width:600px){body{font-size:16px}header{padding:25px 22px 22px}nav{gap:14px;padding-inline:22px}nav a{font-size:13px}.draft{margin:22px 22px 0;padding:12px 16px}main{padding:32px 22px 52px}h1{font-size:30px}h2{font-size:21px}.eyebrow+h1{font-size:58px}.intro{font-size:21px}.cards a{padding:19px 20px}footer{padding:24px 22px}}

.toc{margin:24px 0 32px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;font-size:14px}.toc p{margin-bottom:8px;font-weight:600}.toc ul{margin:0;padding-left:20px}.toc li{margin-bottom:4px}h2[id]{scroll-margin-top:24px}

.cards strong,.cards small{display:block}.cards strong{font-weight:600}.cards small{font-size:14px;line-height:1.7;color:var(--muted);margin-top:8px}.cards a{gap:18px}.cards{margin-top:20px;margin-bottom:36px}