:root{color-scheme:light dark;--bg:#f3f5f1;--card:#fff;--ink:#20392f;--muted:#607169;--line:#dce5dd;--accent:#216653;--soft:#e7f1e9}
@media(prefers-color-scheme:dark){:root{--bg:#13201b;--card:#1c2b24;--ink:#eef4eb;--muted:#b4c4b9;--line:#354b3d;--accent:#93d9b3;--soft:#2a4434}}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{max-width:880px;margin:auto;padding:30px 24px 50px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;letter-spacing:-.5px}.brand small{font-size:10px;letter-spacing:1px;border:1px solid var(--line);border-radius:20px;padding:3px 7px}.language{display:flex;align-items:center;gap:10px;font-size:13px}select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;min-height:42px;padding:8px}select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1{font-size:clamp(28px,5vw,42px);letter-spacing:-1px;line-height:1.15;max-width:700px;margin:32px 0 16px}#doc-intro{font-size:18px;max-width:720px;color:var(--muted)}#doc-date{font-size:12px;color:var(--muted)}nav{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 30px}nav a{background:var(--soft);border-radius:8px;padding:5px 10px;font-size:12px;text-decoration:none}a{color:var(--accent);overflow-wrap:anywhere}section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px 30px;margin-bottom:18px}h2{font-size:22px;line-height:1.3;letter-spacing:-.3px;margin:0 0 16px}p{margin:0 0 16px}li{margin:9px 0}ul{padding-left:22px;margin-bottom:18px}.tip{background:var(--soft);border-radius:10px;padding:14px 17px;font-size:14px;margin:16px 0}.tip strong{display:block;color:var(--accent)}.source-link{font-size:14px;display:inline-block;margin-top:5px}footer{padding:22px 0;font-size:13px;color:var(--muted)}footer a{margin-right:20px}footer p{margin:0 0 10px}[aria-current=page]{font-weight:700}@media(max-width:500px){.wrap{padding:22px 16px}section{padding:20px}.language{width:100%;justify-content:space-between}nav{display:none}h2{font-size:20px}}