:root{--ground:#F2F4F6;--shell:#fff;--ink:#0F151A;--soft:#39434A;--muted:#5E686F;--faint:#78828A;
 --rule:#D7DDE2;--accent:#0B5F6D;--accentbg:rgba(11,95,109,.08);--warn:#8A5A16;--warnbg:rgba(138,90,22,.10);
 --sans:ui-sans-serif,system-ui,"Segoe UI",Roboto,Arial,sans-serif;--mono:ui-monospace,"DejaVu Sans Mono",Menlo,monospace}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0E1216;--shell:#171C22;--ink:#EBEEF0;
 --soft:#C3CACF;--muted:#98A1A8;--faint:#828C93;--rule:#2E363D;--accent:#5CBECF;--accentbg:rgba(92,190,207,.13);
 --warn:#E0AC66;--warnbg:rgba(224,172,102,.13)}}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:40px 20px 80px}
a{color:var(--accent)}
h1{font-size:29px;letter-spacing:-.02em;margin:0 0 6px;font-weight:660}
.stand{color:var(--muted);font-size:14.5px;margin:0 0 28px}
h2{font-size:20px;margin:34px 0 10px;font-weight:640;letter-spacing:-.01em}
h3{font-size:16.5px;margin:22px 0 6px;font-weight:620}
p,li{color:var(--soft);max-width:70ch}
ul{padding-left:20px}
.card{background:var(--shell);border:1px solid var(--rule);border-radius:12px;padding:18px 20px;margin:16px 0}
.card p:first-child,.card h3:first-child{margin-top:0}
.card p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:14px 0}
th{text-align:left;font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
 padding:9px 10px;border-bottom:1px solid var(--rule)}
td{padding:9px 10px;border-bottom:1px solid var(--rule);color:var(--soft);vertical-align:top}
.tw{overflow-x:auto;background:var(--shell);border:1px solid var(--rule);border-radius:12px}
.tw table{margin:0}
.warn{border:1px solid var(--warn);background:var(--warnbg);border-radius:12px;padding:15px 18px;margin:16px 0}
.warn b{color:var(--ink)}
nav.top{margin-bottom:26px;font-size:14.5px}
nav.top a{text-decoration:none;border:1px solid var(--rule);background:var(--shell);border-radius:999px;
 padding:6px 13px;color:var(--soft);margin-right:7px;display:inline-block}
nav.top a:hover{border-color:var(--accent);color:var(--accent)}
footer{margin-top:44px;padding-top:16px;border-top:1px solid var(--rule);font-size:13.5px;color:var(--muted)}
code{font:13px var(--mono);background:var(--accentbg);padding:1px 5px;border-radius:3px;color:var(--accent)}