:root{--bg:#fff;--fg:#1c2330;--ac:#0b6e6e;--card:#f2f6f7;--bd:#d5dde0}
@media(prefers-color-scheme:dark){:root{--bg:#12181f;--fg:#e4eaee;--ac:#5cc8c8;--card:#1b242d;--bd:#33414d}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}
main,header{max-width:900px;margin:auto;padding:16px}nav a{margin-right:14px;color:var(--ac);font-weight:600}
h1,h2,h3{line-height:1.25}h3{color:var(--ac);margin-bottom:4px}
details{border:1px solid var(--bd);border-radius:8px;margin:12px 0;background:var(--card)}
summary{cursor:pointer;padding:12px 14px;font-weight:700;font-size:1.1em}details>div{padding:0 16px 12px}
table{border-collapse:collapse;display:block;overflow-x:auto}td,th{border:1px solid var(--bd);padding:4px 9px}
code{background:var(--card);padding:1px 5px;border-radius:4px}.q{border-left:4px solid var(--ac);padding:2px 12px;margin:10px 0}