:root{color-scheme:light;--bg:#f4f6f8;--card:#fff;--line:#dce2e9;--ink:#0e2237;--ink2:#46566a;--acc:#1f5fa8;--banner:#0e2237;--bacc:#9cc3f0;--bmuted:#a9b6c6}
:root[data-theme="dark"]{color-scheme:dark;--bg:#172131;--card:#1f2b3d;--line:#2e3d54;--ink:#e8eef5;--ink2:#bac6d4;--acc:#6fa8f0;--banner:#0e1828;--bacc:#9cc3f0;--bmuted:#a3b1c2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "IBM Plex Sans","Segoe UI",Roboto,Arial,sans-serif}
header{background:var(--banner);display:flex;align-items:center;gap:20px;height:52px;padding:0 16px}
header a.brand{color:#fff;font-weight:600;font-size:19px;text-decoration:none}header a.brand span{color:var(--bacc)}
header nav{display:flex;gap:16px;margin-left:auto}header nav a{color:var(--bmuted);text-decoration:none;font-size:14px}header nav a:hover,header nav a[aria-current]{color:#fff}
main{max-width:760px;margin:0 auto;padding:28px 16px 48px}h1{font-size:26px;margin:0 0 6px}h2{font-size:17px;margin:28px 0 6px}
p,li{color:var(--ink2)}a{color:var(--acc)}.card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:4px 18px;margin-top:16px}
table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--ink)}
footer{max-width:760px;margin:0 auto;padding:0 16px 32px;font-size:13px;color:var(--ink2)}