@font-face{font-family:Manrope;src:url('assets/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Oswald;src:url('assets/fonts/oswald-variable.ttf') format('truetype');font-weight:200 700;font-display:swap}
:root{--bg:#101817;--panel:#192320;--ink:#ecede0;--muted:#b2c0b6;--line:#40524b;--gold:#e0bc81;--display:Oswald,'Arial Narrow',sans-serif;--mono:ui-monospace,monospace;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Manrope,system-ui,sans-serif}
a{color:inherit;text-underline-offset:.22em}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button{font:inherit;cursor:pointer}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}
.skip{position:absolute;top:-7rem;left:15px;z-index:3;background:var(--gold);color:#15201c;padding:8px 14px}.skip:focus{top:10px}
.mast,main,footer{width:min(100% - clamp(32px,7.5vw,132px),1540px);margin:auto}
.mast{min-height:76px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.15em;line-height:1.12}
.mast nav{display:flex;align-items:center;gap:24px;margin-left:auto}.mast nav a,footer a{font-size:13px;text-decoration:none;color:var(--muted)}.mast a:hover,footer a:hover{color:var(--gold)}
.mast button{border:1px solid var(--line);background:transparent;color:var(--muted);min-height:42px;padding:4px 12px;font:12px var(--mono)}.language-current{color:var(--gold);font-weight:bold}
.cover{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);padding:36px 0 32px;gap:clamp(18px,4vw,80px);align-items:center}
.eyebrow,.serial,.cover-figure figcaption,.chapter-ledger{font:11px/1.55 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--gold)}
.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:25px;border-top:2px solid var(--gold)}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.12}h1{margin:15px 0;font-size:clamp(42px,5.6vw,90px);letter-spacing:-.025em}
.standfirst{font-size:clamp(15px,1.25vw,21px);max-width:36em;color:var(--muted)}
.cover-link,.related a,.next{display:inline-flex;align-items:center;min-height:42px;color:var(--gold);font-weight:650;font-size:14px}.cover-link{margin-top:14px}
.cover-figure{border:1px solid var(--line)}.cover-figure img{aspect-ratio:2.65;width:100%;height:auto;object-fit:cover;object-position:50% 52%}.cover-figure figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 10px;font-size:9px;color:var(--muted);background:#18211f}
.directory{display:grid;grid-template-columns:minmax(175px,20%) minmax(0,1fr);gap:clamp(24px,4.5vw,90px);padding:32px 0 60px;border-top:1px solid var(--line);align-items:start;scroll-margin-top:8px}
.directory aside{position:sticky;top:20px}.directory aside nav{display:grid;gap:2px;margin-top:15px}
#chapter-nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;text-decoration:none;border-left:2px solid transparent;color:var(--muted);font-size:14px}
#chapter-nav a span{font:10px var(--mono);color:var(--gold)}#chapter-nav a[aria-current],#chapter-nav a:hover{background:#25332e;color:var(--ink);border-left-color:var(--gold)}
#chapter{min-width:0;outline:none}.serial{margin-bottom:9px}h2{font-size:clamp(33px,3.9vw,63px);text-wrap:balance}.lead{font-size:clamp(16px,1.35vw,21px);line-height:1.55;color:#d8dfd2;margin:12px 0 18px;max-width:74ch}
.photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;margin:16px 0 22px}.photos figure{min-width:0;border:1px solid var(--line);background:var(--panel)}.photos a{display:block}.photos img{width:100%;height:auto;aspect-ratio:1.82;object-fit:cover}.photos figcaption{font-size:12px;line-height:1.5;color:#c5d0c4;padding:8px 10px}
.route{counter-reset:stage;list-style:none;padding:0;margin:17px 0 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.photos.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.route li{position:relative;counter-increment:stage;background:var(--panel);padding:16px 18px 18px 50px}
.route li:before{content:counter(stage,decimal-leading-zero);position:absolute;left:16px;top:17px;color:var(--gold);font:12px var(--mono)}
.route h3{font-size:21px;margin:0 0 5px}.route p,.status{font-size:14px;line-height:1.65;color:var(--muted)}
.subhead,table caption{font-family:var(--display);font-size:clamp(23px,2.3vw,32px);font-weight:450;text-align:left;color:var(--ink);line-height:1.2}
table{width:100%;border-collapse:collapse;line-height:1.55;font-size:14px;margin:16px 0 20px;overflow-wrap:anywhere}
caption{padding:0 0 13px}th,td{text-align:left;border:1px solid var(--line);padding:11px 13px;vertical-align:top}
thead th{color:var(--gold);font-size:12px;background:#26332d}tbody th{font-weight:700;color:var(--ink);background:#1e2925;min-width:8.5em}td{color:#dae0d5}tbody tr:nth-child(even){background:#17201d}
.status{border-left:2px solid #809f8d;padding:10px 15px;margin:18px 0;background:#19241f}.status strong{display:block;color:#d7e6d9;font-size:12px;letter-spacing:.04em;margin-bottom:3px}
.related{display:flex;gap:4px 22px;flex-wrap:wrap}.next{margin-top:20px;border-top:1px solid var(--line);width:100%;padding-top:12px}
.times{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:17px 0}.times button{border:1px solid var(--line);background:#18221e;color:var(--ink);padding:8px 16px;min-height:42px}.times button[aria-pressed=true]{background:var(--gold);color:#15201c;border-color:var(--gold);font-weight:bold}.case-table td{font-variant-numeric:tabular-nums}
.circuits{padding:7px 14px;border-left:3px solid var(--gold);background:#1b2924;margin:15px 0}.circuit{padding:8px 0}.circuit+.circuit{border-top:1px solid var(--line)}.circuit strong{color:var(--gold);font:600 12px/1.5 Manrope,sans-serif;letter-spacing:.02em}.circuit ol{display:flex;flex-wrap:wrap;list-style:none;gap:3px 8px;margin:4px 0 0;padding:0}.circuit li{font-size:14px}.circuit li:not(:last-child)::after{content:'→';padding-left:8px;color:#9db7a3}
footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:20px 0 32px;color:var(--muted);font:11px/1.5 var(--mono)}
@media(max-width:850px){.directory{display:block;padding-top:15px}.directory aside{position:static;margin-bottom:23px}.directory aside nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}#chapter-nav a{font-size:13px}.cover{gap:20px}.cover-figure img{aspect-ratio:1.9}.directory aside .eyebrow{font-size:10px}}
@media(max-width:600px){.mast{min-height:64px;gap:12px;flex-wrap:wrap}.mast nav{gap:10px}.mast nav a{font-size:12px}.mast nav a:first-child{display:none}.brand img{width:31px;height:31px}.brand{gap:6px;font-size:10px}.mast button{padding:4px 7px}.cover{display:block;padding:19px 0}.cover h1{margin:8px 0}.cover-figure{margin-top:12px}.cover-figure img{aspect-ratio:3.65}.cover-figure figcaption{letter-spacing:0}.cover-link{margin-top:3px}.directory aside nav{gap:2px}.directory aside nav a{padding:5px;gap:5px;line-height:1.25}.route{grid-template-columns:1fr}.route li{padding:13px 14px 13px 42px}.route li:before{left:12px}.photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.photos figure:only-child{grid-column:1/-1}.photos figcaption{font-size:11px;padding:6px}.photos img{aspect-ratio:1.5}.status{padding:8px 12px}
  table,tbody,tr{display:block}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}caption{display:block}
  tbody tr{border:1px solid var(--line);margin-bottom:9px;background:var(--panel)}
  tbody th{display:block;border:0;padding:8px 10px}tbody td{display:grid;grid-template-columns:minmax(82px,30%) 1fr;gap:9px;padding:8px 10px;border:0;border-top:1px solid var(--line);font-size:13px}
  td:before{content:attr(data-label);color:var(--gold);font-size:11px;font-weight:600;line-height:1.45}
}
@media(max-width:360px){.mast nav a:last-child{display:none}.directory aside nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
.seed-view{border:1px solid var(--line);background:var(--panel);margin:0 0 18px}.seed-view a{display:block}.seed-view img{width:100%;height:auto}.seed-view figcaption{padding:9px 13px;color:var(--ink);font-size:14px}
@media(max-width:850px){#chapter-nav a{min-height:44px}.times button{min-height:44px}}
.return-contents{display:none}
@media(max-width:850px){.return-contents{display:inline-flex;align-items:center;background:transparent;color:var(--gold);min-height:44px;border:0;padding:0 8px 0 0;font-size:13px}#chapter{scroll-margin-top:5px}}
@media(max-width:450px){.mast{display:grid;grid-template-columns:1fr auto;gap:0;padding:8px 0 0}.mast button{grid-column:2;grid-row:1;min-height:44px}.mast nav{grid-row:2;grid-column:1/-1;margin:0;display:flex;justify-content:space-between;gap:8px}.mast nav a,.mast nav a:first-child,.mast nav a:last-child{display:inline-flex;align-items:center;min-height:44px}.mast .brand{min-height:44px}}