:root{--champ:#d8c9a6;--platinum:#eaeff4;--steel:#9aa3ad;--ink:#07080a;--line:rgba(216,201,166,.22);--dim:rgba(236,231,219,.74);--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--platinum);font:17px/1.72 "Manrope",system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--champ)}
.top{border-bottom:1px solid var(--line);padding:18px 22px}
.top a{text-decoration:none;letter-spacing:.2em;text-transform:uppercase;font-size:12.5px;color:var(--champ)}
main{max-width:760px;margin:0 auto;padding:46px 22px 84px}
.kick{font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--champ);opacity:.85}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,5.2vw,44px);line-height:1.08;margin:.3em 0 .1em;text-wrap:balance}
.lat{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--champ);opacity:.9;margin:0 0 18px}
.lede{font-size:19px;color:rgba(236,231,219,.88);margin:18px 0 26px}
.hero{display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap;margin:26px 0 10px}
.hero img{width:260px;height:260px;object-fit:cover;border:1px solid var(--line);background:#0b0c0e;max-width:100%}
.meta{flex:1;min-width:230px}
.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--champ)}
.gnote{font-size:14.5px;color:var(--steel);margin:12px 0 0;line-height:1.6}
h2{font-family:var(--serif);font-weight:600;font-size:23px;margin:40px 0 4px;color:var(--platinum)}
.sub{font-size:13.5px;color:var(--steel);margin:0 0 14px}
.ev{border-top:1px solid var(--line);padding:16px 0 4px;margin:0}
.ev p{margin:0 0 7px}
.ev .src{font-size:13px;letter-spacing:.04em}
.ev .src a{text-decoration:none}
/* THE STUDY ON THE ARROW. Supporting text under each causal claim: the register's own finding,
   then its identifier as a resolvable link. Sized and coloured below the claim it supports so
   the arrow still reads first. */
.ev .cite{font-size:13.5px;line-height:1.62;color:var(--steel);margin:-2px 0 13px;padding-left:13px;border-left:1px solid var(--line);overflow-wrap:anywhere}
.ev .cite .cid{display:inline}
.ev .cite .cid a{white-space:nowrap;display:inline-block}
.ev .cite .cid a{color:var(--champ);text-decoration:none;border-bottom:1px solid var(--line);font-size:12.5px;letter-spacing:.02em}
.ev .cite .cid a:hover{border-bottom-color:var(--champ)}
ul.lk{list-style:none;padding:0;margin:10px 0 0}
ul.lk li{border-top:1px solid var(--line);padding:11px 0}
ul.lk a{text-decoration:none}
.tags{margin:12px 0 0;font-size:14.5px;color:var(--steel);line-height:2}
.tags span{border:1px solid var(--line);border-radius:999px;padding:4px 11px;margin:0 6px 6px 0;display:inline-block}
.shr{border-top:1px solid var(--line);margin-top:46px;padding-top:18px;font-size:14px}
.shr .sl{letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--steel);margin-right:12px}
.shr a{display:inline-block;margin:0 14px 8px 0;text-decoration:none}
.foot{border-top:1px solid var(--line);margin-top:34px;padding-top:16px;font-size:13.5px;color:var(--steel)}
nav.lrn-nav{border-top:1px solid var(--line);max-width:760px;margin:0 auto;padding:30px 22px 70px}
nav.lrn-nav h2{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--champ);margin:22px 0 10px;font-family:inherit;font-weight:500}
nav.lrn-nav ul{list-style:none;padding:0;margin:0}
nav.lrn-nav li{border-top:1px solid var(--line);padding:10px 0;font-size:15px}
nav.lrn-nav a{text-decoration:none}
.hero.noimg{margin-top:14px}\n@media(max-width:560px){.hero img{width:100%;height:auto;aspect-ratio:1/1}}

/* ===== BLOODWORK ===== the panel, as cards. Direction uses the atlas's own language so a
   reader who has seen the map reads these without being taught twice: green rises, red falls,
   gold balances. */
.bw-note{border-left:2px solid var(--line);padding-left:13px;margin:-4px 0 26px}
.bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:13px;margin:0 0 34px}
.bw-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:17px 16px 15px 17px;
  border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--platinum);
  background:linear-gradient(160deg,rgba(216,201,166,.055),rgba(216,201,166,.012) 58%,transparent);
  transition:border-color .18s ease,transform .18s ease,background .18s ease}
.bw-card:hover{border-color:rgba(216,201,166,.5);transform:translateY(-2px);
  background:linear-gradient(160deg,rgba(216,201,166,.1),rgba(216,201,166,.02) 58%,transparent)}
.bw-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--line)}
.bw-card.bw-up::before{background:#5fd39a}
.bw-card.bw-dn::before{background:#e4737a}
.bw-card.bw-bal::before{background:var(--champ)}
.bw-ar{font-size:11px;line-height:1;letter-spacing:.06em}
.bw-up .bw-ar{color:#5fd39a}.bw-dn .bw-ar{color:#e4737a}.bw-bal .bw-ar{color:var(--champ)}.bw-ctx .bw-ar{color:var(--steel)}
.bw-n{font-family:var(--serif);font-size:18.5px;line-height:1.22;margin-top:2px;text-wrap:balance}
.bw-p{font-size:13px;color:var(--steel);line-height:1.45}
.bw-b{font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--champ);opacity:.82;margin-top:5px}
.bw-cta{display:inline-block;padding:13px 24px;border:1px solid var(--champ);border-radius:999px;
  text-decoration:none;letter-spacing:.09em;text-transform:uppercase;font-size:12.5px;
  background:linear-gradient(160deg,rgba(216,201,166,.14),rgba(216,201,166,.03));transition:background .18s ease}
.bw-cta:hover{background:linear-gradient(160deg,rgba(216,201,166,.26),rgba(216,201,166,.07))}
@media (max-width:640px){.bw-grid{grid-template-columns:1fr 1fr;gap:10px}
  .bw-card{padding:14px 12px 13px 14px}.bw-n{font-size:16px}.bw-p{font-size:12px}}
@media (max-width:380px){.bw-grid{grid-template-columns:1fr}}

/* Bloodwork: who a published band was measured in, and a band whose condition
   the page cannot know. Both are qualifiers on a quotation, so they read as
   apparatus rather than as claims. */
.bwfor{display:inline-block;margin-left:7px;padding:2px 8px;border-radius:999px;border:1px solid rgba(200,185,143,.4);background:rgba(200,185,143,.09);color:#c8b98f;font:600 11.5px/1.5 var(--ui);letter-spacing:.02em;vertical-align:1px}
.bwctx{opacity:.86}
.bwctx .bwfor{border-color:rgba(159,176,194,.38);background:rgba(159,176,194,.08);color:#9fb0c2}
html[data-theme="light"] .bwfor{border-color:rgba(122,94,38,.38);background:rgba(122,94,38,.07);color:rgb(104,80,32)}
html[data-theme="light"] .bwctx .bwfor{border-color:rgba(52,84,122,.34);background:rgba(52,84,122,.07);color:rgb(52,84,122)}