:root { --bg:#fafaf7; --ink:#16181c; --mute:#5b6270; --line:#e2e2dc; --accent:#c8102e; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#121316; --ink:#ecedef; --mute:#a0a6b1; --line:#2b2e35; --accent:#ff5a6e; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 Georgia, "Times New Roman", serif; }
header, main, footer { max-width:720px; margin:0 auto; padding:0 16px; }
header { display:flex; justify-content:space-between; align-items:baseline; padding-top:24px; padding-bottom:12px;
         border-bottom:1px solid var(--line); flex-wrap:wrap; gap:8px; }
.brand { font:700 1.35rem/1 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing:-.01em;
         color:var(--ink); text-decoration:none; }
.brand span { color:var(--accent); }
nav a { font:500 .95rem system-ui, sans-serif; color:var(--mute); margin-left:16px; text-decoration:none; }
nav a:hover, nav a[aria-current] { color:var(--ink); }
h1 { font:700 2rem/1.2 system-ui, sans-serif; letter-spacing:-.02em; margin:32px 0 8px; }
h2 { font:700 1.15rem/1.3 system-ui, sans-serif; margin:28px 0 6px; }
p, li { max-width:65ch; }
a { color:var(--accent); }
.lead { font-size:1.15rem; color:var(--mute); }
.updated { font:.9rem system-ui, sans-serif; color:var(--mute); }
table { border-collapse:collapse; width:100%; font:.95rem system-ui, sans-serif; margin:12px 0; }
th, td { text-align:left; padding:8px 6px; border-bottom:1px solid var(--line); vertical-align:top; }
footer { margin-top:48px; padding-top:16px; padding-bottom:32px; border-top:1px solid var(--line);
         font:.9rem system-ui, sans-serif; color:var(--mute); }
.accounts { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:4px 24px;
            font:.95rem/1.7 system-ui, sans-serif; }
.accounts h3 { font:700 .8rem system-ui, sans-serif; text-transform:uppercase; letter-spacing:.06em;
               color:var(--mute); margin:8px 0 0; }
.accounts p { margin:4px 0; overflow-wrap:anywhere; }