/* sources.html: a plain, readable reference page */
@font-face { font-family: 'League Gothic'; src: url('../assets/fonts/LeagueGothic-Regular.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Source Sans Pro'; src: url('../assets/fonts/SourceSansPro-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Source Sans Pro'; src: url('../assets/fonts/SourceSansPro-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
:root { color-scheme: dark light; --bg: #0b0b0b; --fg: #f2f2f2; --muted: #a8a8a8; --line: #333; }
@media (prefers-color-scheme: light) { :root { --bg: #f4f4f4; --fg: #111; --muted: #555; --line: #ccc; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 400 18px/1.5 'Source Sans Pro', Arial, sans-serif; }
main { max-width: 1100px; margin: 0 auto; padding: 48px 24px 96px; }
h1 { font: 400 clamp(72px, 14vw, 150px)/.9 'League Gothic', Impact, sans-serif; text-transform: uppercase; margin: 24px 0 12px; }
h2 { font: 400 44px/1 'League Gothic', Impact, sans-serif; text-transform: uppercase; margin: 56px 0 14px; padding-top: 14px; border-top: 3px solid var(--fg); }
.lede { font-size: 22px; max-width: 720px; color: var(--muted); }
ol { padding-left: 1.7em; margin: 12px 0; columns: 1; }
li { margin: 0 0 10px; break-inside: avoid; }
li b { font-weight: 700; }
a { color: inherit; text-underline-offset: 3px; }
.back a { color: var(--muted); }
.foot { margin-top: 64px; color: var(--muted); font-size: 15px; border-top: 1px solid var(--line); padding-top: 16px; }
@media (min-width: 900px) { ol { columns: 2; column-gap: 48px; } }