:root {
  color-scheme: dark;
  --ink: #edf0ee;
  --paper: #111416;
  --surface: #1b2023;
  --line: #343c40;
  --control-line: #718079;
  --muted: #a7b2ac;
  --body: #c6ceca;
  --accent: #9bcbb5;
  --accent-hover: #c1e6d4;
  --focus: #e6bc79;
  --notice: #192822;
  --notice-ink: #c4dbcd;
  --button-ink: #11251c;
}

*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}
header{padding:26px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.brand{text-decoration:none;color:var(--ink);font:bold 27px Georgia;display:flex;gap:18px;align-items:center}
.brand span,.edition,.eyebrow,footer{font:11px/1.5 system-ui;letter-spacing:1.8px}
.brand span{font-weight:750}
.edition{color:var(--muted)}
main{max-width:1000px;margin:60px auto 100px;padding:0 28px}
.eyebrow{color:var(--accent);display:flex;justify-content:space-between}
h1{font:normal clamp(42px,6vw,70px)/1.06 Georgia,serif;letter-spacing:-2px;margin:26px 0}
.intro{color:var(--muted);font-size:18px}
nav{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:40px 0 35px}
button,select{font:inherit;cursor:pointer}
nav button{background:none;border:0;padding:15px 0;color:var(--muted);border-bottom:3px solid transparent}
nav button.active{color:var(--ink);border-color:var(--accent)}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center}
h2{font:normal 30px Georgia}
h3{font:normal 24px/1.35 Georgia;margin:12px 0}
select{max-width:180px;background:var(--surface);color:var(--ink);border:1px solid var(--control-line);border-radius:3px;padding:7px}
#status,.notice{padding:16px 20px;background:var(--notice);color:var(--notice-ink);font-size:14px;border-left:3px solid var(--accent)}
.story{padding:25px 0;border-bottom:1px solid var(--line)}
.label{font-size:10px;font-weight:750;letter-spacing:1.3px;color:var(--accent)}
.meta{font-size:12px;color:var(--muted)}
.story p{color:var(--body);margin:10px 0}
a{color:var(--accent);text-underline-offset:4px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.actions button{background:var(--accent);color:var(--button-ink);border:0;padding:10px 18px;border-radius:3px}
.chain{margin-top:32px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:3px}
.chain h3{font-size:26px}
.coverage{margin:20px 0;display:flex;flex-wrap:wrap;gap:8px}
.coverage span{font-size:12px;border:1px solid var(--line);padding:5px 10px}
dt{font-weight:700;margin-top:25px}
dd{margin:5px 0;color:var(--muted)}
footer{padding:25px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}
a:hover{color:var(--accent-hover)}

nav button:hover{color:var(--ink)}

.actions button:hover{background:var(--accent-hover)}

summary{cursor:pointer}

summary:hover{color:var(--accent)}

.story,.chain{overflow-wrap:anywhere}

::selection{background:var(--accent);color:var(--button-ink)}

[hidden]{display:none!important}
@media(max-width:600px){.edition{display:none}
main{margin-top:35px;padding:0 20px}
nav{gap:22px}
nav button{font-size:13px}
footer{display:block}
footer span{display:block;margin:8px 0}
h1{letter-spacing:-1px}
.section-head{align-items:start;flex-direction:column;gap:0}
.section-head select{margin-bottom:20px}
h2{font-size:25px}
}