/* Small pages the Worker renders (thanks, status, download fallback). Light and dark follow the device. */
@import url("/fonts.css");
:root { --bg: #F2F3EF; --ink: #14171A; --ink-2: #4A5058; --rule: #DADDD6; --mint-ink: #0A7550; --down: #B3261E; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg: #0D0F11; --ink: #E9ECE8; --ink-2: #ABB3B9; --rule: #252B30; --mint-ink: #5BE3A6; --down: #F2918A; color-scheme: dark; } }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16.5px/1.6 "Hanken Grotesk", "Segoe UI", system-ui, sans-serif; }
.plain { max-width: 40rem; margin: 0 auto; padding: 72px 20px; }
h1 { font: 600 clamp(28px, 6vw, 40px)/1.1 "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif; letter-spacing: -0.02em; margin: 0 0 12px; }
p { color: var(--ink-2); }
a { color: var(--mint-ink); }
table { width: 100%; border-collapse: collapse; margin-top: 20px; font-variant-numeric: tabular-nums; }
td { padding: 10px 6px; border-bottom: 1px solid var(--rule); }
.up { color: var(--mint-ink); font-weight: 600; }
.down { color: var(--down); font-weight: 600; }