:root { --ink:#121316; --blue:#2A6FDB; --paper:#FFFFFF; --cream:#F6EEDF; }
* { box-sizing:border-box; }
body { margin:0; background:var(--blue); color:var(--ink);
  font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width:720px; margin:32px auto; background:var(--paper); border:3px solid var(--ink);
  border-radius:26px; padding:32px 28px; box-shadow:0 0 0 5px #fff, 4px 6px 0 5px rgba(18,19,22,.25); }
h1 { font:900 34px/1.1 ui-rounded, -apple-system, sans-serif; margin:0 0 4px; }
h2 { font:800 22px/1.25 ui-rounded, -apple-system, sans-serif; margin:32px 0 8px; }
.updated { color:#555; margin:0 0 24px; }
a { color:var(--blue); font-weight:600; }
table { border-collapse:collapse; width:100%; font-size:15px; }
th, td { border:2px solid var(--ink); padding:8px 10px; text-align:left; vertical-align:top; }
th { background:var(--cream); }
@media (prefers-color-scheme: dark) {
  main { background:#1C1C1E; color:#F2F2F7; border-color:#F2F2F7; box-shadow:none; }
  .updated { color:#AEAEB2; } th { background:#2C2C2E; } th, td { border-color:#F2F2F7; }
  a { color:#7FB3FF; }
}
@media (max-width: 760px) { main { margin:0; border-radius:0; border:none; box-shadow:none; } }