:root{color-scheme:light;--ink:#142535;--muted:#506474;--teal:#176d73;--paper:#fff;--bg:#f4f8fa;--line:#dce6eb}
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.62}body{margin:0;background:var(--bg);color:var(--ink)}header{background:#142d3b;color:#fff;padding:32px max(24px,calc((100vw - 860px)/2)) 28px}header .brand{font-size:16px;letter-spacing:.09em;font-weight:750}header .sub{font-size:13px;opacity:.8;margin-top:3px}main{max-width:900px;margin:30px auto 48px;padding:0 18px}article{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:36px 42px;box-shadow:0 5px 24px #1425350d}h1{font-size:clamp(26px,3vw,35px);line-height:1.2;margin:0 0 10px}h2{font-size:19px;line-height:1.3;margin:30px 0 9px}p,li{font-size:15px}ul{padding-left:24px}.meta{color:var(--muted);font-size:14px;margin-bottom:26px}.lede{font-size:16px;color:#2d4354}.toc{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:22px}.toc a{color:var(--teal);font-size:14px;text-decoration:underline;text-underline-offset:3px}a{color:var(--teal)}footer{max-width:900px;margin:0 auto 40px;padding:0 22px;color:var(--muted);font-size:13px}footer a{color:var(--teal)}@media(max-width:600px){article{padding:25px 22px}header{padding:24px}main{margin-top:18px}}