:root { --ink:#0E2235; --text:#33475B; --muted:#6B7C8F; --line:#E3EAF1; --bg:#fff; --soft:#F5F8FB; --accent:#1A73C9; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ink:#EEF3F8; --text:#C6D2DE; --muted:#8FA1B4; --line:#22354A; --bg:#0B1724; --soft:#102131; --accent:#4DA3F0; } }
:root[data-theme="dark"] { --ink:#EEF3F8; --text:#C6D2DE; --muted:#8FA1B4; --line:#22354A; --bg:#0B1724; --soft:#102131; --accent:#4DA3F0; }
* { box-sizing: border-box; }
body { margin:0; font:400 16px/1.7 Inter, system-ui, sans-serif; color:var(--text); background:var(--bg); }
header { border-bottom:1px solid var(--line); }
.bar { max-width:820px; margin:0 auto; padding:0 20px; height:64px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); text-decoration:none; }
.brand img { width:32px; height:32px; }
.bar a.back { color:var(--accent); text-decoration:none; font-weight:600; font-size:.95rem; }
main { max-width:820px; margin:0 auto; padding:48px 20px 72px; }
h1 { color:var(--ink); font-size:clamp(1.8rem,4vw,2.4rem); line-height:1.2; margin:0 0 8px; }
h2 { color:var(--ink); font-size:1.25rem; margin:36px 0 10px; }
.updated { color:var(--muted); margin:0 0 32px; }
a { color:var(--accent); }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:.95rem; }
th, td { text-align:left; padding:10px 12px; border:1px solid var(--line); vertical-align:top; }
th { background:var(--soft); color:var(--ink); }
.box { background:var(--soft); border:1px solid var(--line); border-radius:12px; padding:16px 20px; }
.box p { margin:4px 0; }
footer { border-top:1px solid var(--line); padding:24px 20px; text-align:center; color:var(--muted); font-size:.9rem; }
footer a { color:var(--muted); margin:0 8px; }
@media (max-width:600px) { table, thead, tbody, tr, th, td { font-size:.88rem; } }