:root{--bg:#f4f7f5;--surface:#fff;--text:#0f1712;--text2:#33423a;--muted:#5f6f66;--accent:#13854a;--line:#d9e2dc;--pill:#fff;--on:#fff;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0a0c10;--surface:#11161a;--text:#eef3ef;--text2:#c3cdc6;--muted:#8d9a92;--accent:#3ddc84;--line:#222b30;--pill:#11161a;--on:#0a0c10;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0a0c10;--surface:#11161a;--text:#eef3ef;--text2:#c3cdc6;--muted:#8d9a92;--accent:#3ddc84;--line:#222b30;--pill:#11161a;--on:#0a0c10;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
main{max-width:860px;margin:0 auto;padding:24px 16px 80px}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:800;font-size:18px}
.brand img{display:block;height:34px;width:auto}
.brand .logo-dark{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand .logo-light{display:none}:root:not([data-theme="light"]) .brand .logo-dark{display:block}}
:root[data-theme="dark"] .brand .logo-light{display:none}
:root[data-theme="dark"] .brand .logo-dark{display:block}
.tools{display:flex;align-items:center;gap:8px}
.langs{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--pill)}
.langs a{color:var(--text2);text-decoration:none;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600}
.langs a:hover{color:var(--accent)}
.langs a[aria-current="true"]{background:var(--accent);color:var(--on)}
.theme{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--pill);color:var(--text);cursor:pointer;place-items:center;padding:0;display:none}
.js .theme{display:grid}
.theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.theme .sun{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme .sun{display:block}:root:not([data-theme="light"]) .theme .moon{display:none}}
:root[data-theme="dark"] .theme .sun{display:block}
:root[data-theme="dark"] .theme .moon{display:none}
section.doc{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 24px;margin-bottom:28px}
section.doc[hidden]{display:none}
.js section.doc .lang-label{display:none}
h1{font-size:clamp(24px,4vw,32px);line-height:1.2;margin:0 0 8px}
h2{font-size:20px;margin:32px 0 10px}
h3{font-size:17px;margin:22px 0 8px}
p,li{color:var(--text2)}
a{color:var(--accent);overflow-wrap:anywhere}
ul,ol{padding-left:22px}
.tw{overflow-x:auto;margin:12px 0}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{border-bottom:1px solid var(--line);padding:9px 8px;text-align:left;vertical-align:top}
th{color:var(--text)}
.lang-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
footer{color:var(--muted);font-size:14px;text-align:center}
@media(max-width:600px){section.doc{padding:20px 16px}.brand img{height:28px}}