:root{color-scheme:light;--ink:#173340;--muted:#526774;--green:#13765b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#f6faf8;color:var(--ink);font:16px/1.8 system-ui,"Segoe UI","Microsoft JhengHei",sans-serif}
a{color:var(--green);text-underline-offset:3px}a:focus-visible{outline:3px solid var(--green);outline-offset:4px}
header,footer{max-width:1040px;margin:auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;color:var(--ink)}nav{display:flex;gap:20px}
main{max-width:920px;margin:12px auto 48px;padding:0 24px}article{padding:36px 0 52px}article+article{border-top:1px solid #c9dbd3}
.eyebrow{color:var(--green);font-size:12px;letter-spacing:.06em;font-weight:700}h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.02em;margin:16px 0 26px}
h2{font-size:21px;margin:32px 0 10px}.lead{font-size:19px}p,ul{margin:12px 0}li{margin:12px 0}code{font-size:.9em;overflow-wrap:anywhere}.note,footer{color:var(--muted);font-size:14px}footer{border-top:1px solid #c9dbd3}
@media(max-width:540px){header,footer{padding:20px}main{padding:0 20px}article{padding-top:20px}ul{padding-left:23px}}