:root { --bg: #ffffff; --text: #1a1a1a; --link: #1565c0; }
@media (prefers-color-scheme: dark) { :root { --bg: #121212; --text: #e8e8e8; --link: #90caf9; } }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Georgia, "Times New Roman", serif; }
main { max-width: 640px; margin: 0 auto; padding: 48px 16px; font-size: 17px; line-height: 1.6; }
h1 { font-weight: 400; font-size: 32px; margin: 0 0 16px; }
a { color: var(--link); }
h2 { font-weight: 400; font-size: 24px; margin: 28px 0 12px; }
button.strike { font-family: inherit; font-size: 13px; padding: 3px 8px; margin: 2px 4px 2px 0; border: 1px solid currentColor; background: transparent; color: var(--text); border-radius: 3px; cursor: pointer; }
button.strike:hover { background: rgba(127,127,127,.15); }
:root { --series-1: #2a78d6; --grid: rgba(0,0,0,.12); --muted: #5f5e58; }
@media (prefers-color-scheme: dark) { :root { --series-1: #3987e5; --grid: rgba(255,255,255,.14); --muted: #c3c2b7; } }
svg.strike-graph text { fill: var(--muted); font: 11px Georgia, "Times New Roman", serif; }
svg.strike-graph .bar { fill: var(--series-1); }
svg.strike-graph .grid { stroke: var(--grid); stroke-width: 1; }
svg.strike-graph .hit { fill: transparent; }
svg.strike-graph .hit:hover + .bar, svg.strike-graph g:hover .bar { opacity: .8; }
.strike-buttons { display: inline-flex; gap: 6px; white-space: nowrap; }
.strike-buttons button.strike { margin: 0; }
@media (max-width: 600px) { .strike-buttons { flex-direction: column; align-items: stretch; } }
details#change-log { margin-top: 28px; }
details#change-log > summary { cursor: pointer; }
details#change-log > summary h2 { margin: 0; }
#rights-table th:first-child, #rights-table td:first-child { border-right: 1px solid rgba(127,127,127,.5); }
#rights-table th:last-child, #rights-table td:last-child { padding-left: 10px !important; }
.strike-buttons { gap: 4px; }
.strike-buttons button.strike { font-size: 12px; padding: 2px 6px; }