:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0 auto; padding: 1.5rem 1rem 3rem; max-width: 46rem;
  font: 1rem/1.65 system-ui, "Noto Sans TC", "Microsoft JhengHei", sans-serif;
}
h1 { font-size: 1.6rem; margin: 0 0 .5rem; }
h2 { font-size: 1.25rem; margin: 2rem 0 .75rem; }
h3 { font-size: 1.05rem; margin: 1.5rem 0 .5rem; }
.lede, .source, .qa, footer p, .hint { color: #4a4a4a; }
@media (prefers-color-scheme: dark) { .lede, .source, .qa, footer p, .hint { color: #c9c9c9; } }
ul { padding-left: 1.25rem; }
.caveats { font-size: .95rem; }
.withheld { padding: .75rem 1rem; border-left: 4px solid #b45309; background: #fff7ed; color: #7c2d12; }
@media (prefers-color-scheme: dark) { .withheld { background: #2a1b0b; color: #f6c9a4; } }
a { color: #0b57d0; overflow-wrap: anywhere; }
a:focus-visible, a:hover { outline: 2px solid currentColor; outline-offset: 2px; }
footer { margin-top: 3rem; border-top: 1px solid #d4d4d4; padding-top: 1rem; font-size: .9rem; }