/* The show's website, in the Archive look Adam chose on 2026-10-22: warm paper, book type, rust links.
   Pictures and maps never run wider than the page, so a phone never scrolls sideways. */
:root { --paper: #f6f0e4; --ink: #2b2520; --rule: #d8ccb6; --link: #8a3b17; --map: #efe5d1; --quiet: #6b5d4c;
        --coast: #777; --river: #9bc; --lake: #cde; --dot: #a22; }
@media (prefers-color-scheme: dark) {
  :root { --paper: #1d1915; --ink: #e8dfcf; --rule: #3e352b; --link: #e39a6c; --map: #27211b; --quiet: #a8997f;
          --coast: #b3a690; --river: #6f93a8; --lake: #2e4150; --dot: #e0663a; }
}
img, svg { max-width: 100%; height: auto; }
figure svg text { font-size: 22px; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main, footer { max-width: 42rem; margin: 0 auto; padding: 0 16px; }
figure { margin: 1.75rem 0; }
figure img, figure svg { display: block; width: 100%; }
.map-key { columns: 2; margin: .5rem 0; padding-left: 1.5rem; }
nav { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
main ol li, main ul li { margin: .35rem 0; }
time { font-variant-numeric: tabular-nums; }
a { overflow-wrap: anywhere; }
body { background: var(--paper); color: var(--ink); font: 18px/1.7 "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; }
header { display: flex; justify-content: space-between; padding-top: 1.25rem; padding-bottom: .75rem; border-bottom: 1px solid var(--rule); font-variant: small-caps; letter-spacing: .06em; }
header a { color: var(--ink); text-decoration: none; }
header a:first-child { font-size: 1.3rem; font-weight: bold; }
h1 { font-size: 2.3rem; line-height: 1.15; margin: 2rem 0 1rem; }
h2 { font-variant: small-caps; letter-spacing: .05em; border-top: 1px solid var(--rule); padding-top: 1.25rem; margin-top: 2.5rem; }
a { color: var(--link); }
figure img { border: 1px solid var(--rule); }
figure svg { background: var(--map); border: 1px solid var(--rule); }
figcaption { font-size: .85rem; font-style: italic; color: var(--quiet); margin-top: .5rem; }
time { font-weight: bold; margin-right: .4rem; }
nav { margin: 3rem 0 1rem; padding-top: 1rem; border-top: 1px solid var(--rule); }
footer { margin-top: 3rem; padding-top: 1rem; padding-bottom: 2rem; border-top: 1px solid var(--rule); font-size: .85rem; color: var(--quiet); }
footer a { color: var(--quiet); margin-right: 1rem; }
figure svg .coast { stroke: var(--coast); }
figure svg .river { stroke: var(--river); }
figure svg .lake { fill: var(--lake); stroke: var(--river); }
figure svg circle { fill: var(--dot); }
figure svg text { fill: var(--ink); }