:root{--navy:#10245e;--ink:#1c2540;--muted:#5b6b8f;--bg:#f3f6fb;--line:#d8e0ef}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Segoe UI",system-ui,sans-serif}
header{background:#fff;border-bottom:4px solid var(--navy);padding:12px 16px}header img{display:block;max-width:100%}
main{max-width:820px;margin:0 auto;padding:24px 16px 48px;background:#fff;min-height:70vh}
h1{color:var(--navy);font-size:2rem;margin:.2em 0 .1em}h2{color:var(--navy);font-size:1.3rem;margin-top:1.8em}h3{color:var(--navy)}
.sub{font-size:1.1rem;color:var(--muted);margin:0}.meta{font-size:.85rem;color:var(--muted)}
.note{background:#fff1c7;border:1px solid #e6cf84;padding:10px 14px;border-radius:6px;font-size:.92rem}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th{background:var(--navy);color:#fff;text-align:left}th,td{border:1px solid var(--line);padding:6px 9px;vertical-align:top}
pre{background:#f1f3f8;padding:12px;overflow:auto;font-size:.85rem}
footer{text-align:center;color:var(--muted);font-size:.85rem;padding:16px}a{color:#1e4fa3}
@media (prefers-color-scheme:dark){:root{--ink:#e4e9f5;--bg:#0b1226;--muted:#9fb0d6;--line:#2a3558}header,main{background:#111a33}h1,h2,h3{color:#bcd0ff}.note{color:#1c2540}pre{background:#0b1226}}