:root{--bg:#fff;--fg:#1a1a1a;--mut:#666;--line:#ddd;--acc:#0b5fff}
@media(prefers-color-scheme:dark){:root{--bg:#161616;--fg:#eee;--mut:#9a9a9a;--line:#333;--acc:#6aa0ff}}
body{margin:0;font:16px system-ui,sans-serif;background:var(--bg);color:var(--fg)}
main{max-width:900px;margin:auto;padding:16px}a{color:var(--acc)}
nav.m{font-size:14px;color:var(--mut)}small,.mut{color:var(--mut)}
.pg{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
button.b{font:inherit;padding:12px 18px;border:0;border-radius:6px;background:var(--acc);color:#fff;cursor:pointer}
button.pp{background:#003087}
dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px}dt{color:var(--mut)}
ul.l{padding-left:18px}ul.l li{margin:4px 0}
.vp{display:flex;gap:8px;overflow-x:auto;margin:12px 0}.vp img{height:280px;width:auto;border:1px solid var(--line);border-radius:4px}