/* ============================================================
   Midnight Church Aftermath — Operating System
   Design system ported from krisbradleymusic.com.
   Pre-pro reads TEAL. Marketing reads AMBER. Admin reads SLATE.
   ============================================================ */

:root{
  --bg:#0D0D14; --bg-mid:#111120; --bg-card:#15151F; --bg-card-2:#1B1B27;
  --line:rgba(237,232,220,0.10); --line-2:rgba(237,232,220,0.18);

  --cream:#EDE8DC; --cream-dim:#B0A898; --cream-faint:#8A8377; --white:#FAFAF7;

  --amber:#C8842A; --amber-light:#E0A050; --amber-dim:#7A4E18;
  --amber-glow:rgba(200,132,42,0.12);
  --teal:#3D7A8A; --teal-light:#6BAEBB; --teal-dim:#1E4A55;
  --teal-glow:rgba(107,174,187,0.10);
  --burgundy:#6B1E2E; --deep-blue:#1A2744; --slate:#7B8798;

  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --serif:'Playfair Display',Georgia,serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;
  --max:1100px; --nav-h:56px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 58px)}
body{
  background:var(--bg); color:var(--cream);
  font-family:var(--sans); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(1200px 520px at 84% -14%,var(--amber-glow),transparent 62%),
    radial-gradient(1000px 560px at 0% 108%,rgba(26,39,68,0.38),transparent 64%);
  background-attachment:fixed;
}
a{color:var(--amber-light);text-decoration:none}
a:hover{color:var(--white)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* ---------------------------------------------------- nav */
.nav{
  position:sticky;top:0;z-index:60;height:var(--nav-h);
  background:rgba(10,10,16,0.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav-in{max-width:var(--max);margin:0 auto;padding:0 24px;height:100%;
  display:flex;align-items:center;gap:8px}
.nav .brand{font-family:var(--serif);font-style:italic;font-size:16px;
  color:var(--cream);margin-right:14px;white-space:nowrap}
.nav .brand b{font-style:normal;font-weight:700;color:var(--amber-light)}
.nav-menu{display:flex;align-items:center;gap:2px;list-style:none;margin-left:auto}
.nav-menu > li{position:relative}
.nav-menu > li > a{
  display:block;padding:8px 13px;border-radius:7px;
  font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--cream-dim);
}
.nav-menu > li > a:hover{color:var(--white);background:rgba(237,232,220,0.06)}
.nav-menu > li > a.active{color:var(--amber-light);background:var(--amber-glow)}
.nav-dd > a::after{content:' ▾';font-size:8px;opacity:.6}
.dd{
  position:absolute;right:0;top:100%;display:none;
  background:#0B0B12;border:1px solid var(--line-2);border-radius:12px;
  padding:10px;min-width:330px;box-shadow:0 24px 60px rgba(0,0,0,.6);
}
.dd.wide{min-width:620px;display:none;grid-template-columns:1fr 1fr;gap:0 18px}
.nav-dd:hover .dd,.nav-dd:focus-within .dd{display:block}
.nav-dd:hover .dd.wide,.nav-dd:focus-within .dd.wide{display:grid}
.nav-dd::after{content:'';position:absolute;left:0;right:0;top:100%;height:10px}
.dd-h{grid-column:1/-1;font-family:var(--mono);font-size:9px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--amber);padding:8px 10px 6px}
.dd a{display:flex;gap:9px;align-items:baseline;padding:5px 10px;border-radius:6px;
  font-size:13px;color:var(--cream-dim)}
.dd a:hover{background:rgba(237,232,220,0.07);color:var(--white)}
.dd a .n{font-family:var(--mono);font-size:10px;color:var(--cream-faint);min-width:18px}
.nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line-2);
  border-radius:7px;width:38px;height:32px;cursor:pointer;
  flex-direction:column;justify-content:center;gap:4px;align-items:center}
.nav-toggle span{display:block;width:16px;height:2px;background:var(--cream);border-radius:2px}

/* ---------------------------------------------------- page head */
.hero{padding:54px 0 30px;border-bottom:1px solid var(--line)}
.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--amber);margin-bottom:14px}
h1{font-family:var(--serif);font-weight:700;line-height:1.05;
  font-size:clamp(32px,5.4vw,52px);letter-spacing:-0.015em;color:var(--white)}
h1 em{font-style:italic;color:var(--amber-light)}
.lede{color:var(--cream-dim);font-size:16px;max-width:62ch;margin-top:14px}

/* ---------------------------------------------------- spec strip */
.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(152px,1fr));
  gap:1px;margin-top:26px;background:var(--line);
  border:1px solid var(--line);border-radius:12px;overflow:hidden}
.spec > div{background:var(--bg-card);padding:12px 16px}
.spec .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--cream-dim);margin-bottom:6px}
.spec .v{font-size:14px;font-weight:600;color:var(--cream);line-height:1.35}

/* ---------------------------------------------------- audio rack */
.rack{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:14px;margin:26px 0 8px;align-items:start}
.tier{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;
  padding:16px 18px 18px}
.tier-h{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.tier-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.tier-1 .tier-dot{background:var(--slate)}
.tier-2 .tier-dot{background:var(--teal-light)}
.tier-3 .tier-dot{background:var(--amber)}
.tier-n{font-family:var(--mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--cream);font-weight:600}
.tier-s{font-size:11px;color:var(--cream-faint);margin-left:auto}
.tier iframe{width:100%;border:0;border-radius:8px;display:block}
.tier .none{font-size:13px;color:var(--cream-faint);font-style:italic;padding:10px 0}
.tier .extra{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.tier .extra-l{font-family:var(--mono);font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cream-faint);margin-bottom:7px}

/* ---------------------------------------------------- sub nav */
.subnav{position:sticky;top:var(--nav-h);z-index:50;
  background:rgba(13,13,20,0.94);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);margin-bottom:34px}
.subnav-in{max-width:var(--max);margin:0 auto;padding:0 24px;
  display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.subnav-in::-webkit-scrollbar{display:none}
.subnav a{padding:14px 15px;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);
  white-space:nowrap;border-bottom:2px solid transparent}
.subnav a:hover{color:var(--white)}
.subnav a.on{color:var(--amber-light);border-bottom-color:var(--amber)}

/* ---------------------------------------------------- bands */
.band{margin:0 0 46px;scroll-margin-top:120px}
.band-h{display:flex;align-items:center;gap:13px;
  padding:13px 18px;border-radius:12px 12px 0 0;border:1px solid;border-bottom:0}
.band-tag{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;padding:4px 9px;border-radius:5px}
.band-t{font-family:var(--serif);font-size:25px;font-weight:700;color:var(--white)}
.band-d{font-size:13px;color:var(--cream-dim);margin-left:auto;text-align:right}
.band-b{border:1px solid;border-radius:0 0 12px 12px;padding:6px 18px 20px}

.band-prepro .band-h{background:rgba(30,74,85,0.34);border-color:var(--teal-dim)}
.band-prepro .band-b{border-color:var(--teal-dim);background:rgba(30,74,85,0.10)}
.band-prepro .band-tag{background:var(--teal-light);color:#0A1418}

.band-mk .band-h{background:rgba(122,78,24,0.30);border-color:var(--amber-dim)}
.band-mk .band-b{border-color:var(--amber-dim);background:rgba(122,78,24,0.08)}
.band-mk .band-tag{background:var(--amber-light);color:#1A1206}

.band-admin .band-h{background:rgba(26,39,68,0.55);border-color:#2B3A55}
.band-admin .band-b{border-color:#2B3A55;background:rgba(26,39,68,0.20)}
.band-admin .band-tag{background:var(--slate);color:#0B0F16}

.band-lyrics .band-h{background:rgba(107,30,46,0.30);border-color:#4A1722}
.band-lyrics .band-b{border-color:#4A1722;background:rgba(107,30,46,0.08)}
.band-lyrics .band-tag{background:#C86A7C;color:#1A0A0F}

/* ---------------------------------------------------- blocks inside bands */
.blk{border-top:1px solid var(--line);padding:20px 0 4px}
.blk:first-child{border-top:0}
.blk-h{font-family:var(--serif);font-size:23px;font-weight:700;letter-spacing:-0.01em;
  line-height:1.25;color:var(--white);margin:0 0 14px;
  display:flex;align-items:center;gap:12px;text-transform:none}
.blk-h::before{content:'';width:4px;align-self:stretch;min-height:22px;border-radius:3px;
  background:var(--cream-faint);flex-shrink:0}
.band-prepro .blk-h::before{background:var(--teal-light)}
.band-mk .blk-h::before{background:var(--amber)}
.band-admin .blk-h::before{background:var(--slate)}
.band-lyrics .blk-h::before{background:#C86A7C}
.blk-c{font-size:15px;line-height:1.72;color:#DCD6C9}
.blk-c > *:first-child{margin-top:0}
.blk-c p{margin:0 0 12px}
.blk-c strong{color:var(--white);font-weight:650}
.blk-c em{color:var(--cream)}
.blk-c ul,.blk-c ol{margin:0 0 12px;padding-left:20px}
.blk-c li{margin-bottom:7px}
.blk-c a{color:var(--amber-light);border-bottom:1px solid rgba(224,160,80,.35)}
.blk-c h1,.blk-c h2,.blk-c h3,.blk-c h4{font-family:var(--serif);color:var(--white);
  margin:18px 0 8px;line-height:1.25}

/* ---------------------------------------------------- content components */
.blk-c .pull-quote,.blk-c .spq{
  font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.5;
  color:var(--cream);border-left:3px solid var(--amber);
  padding:6px 0 6px 20px;margin:16px 0}
.band-prepro .blk-c .pull-quote{border-left-color:var(--teal-light)}
.blk-c .body-text{margin:0 0 12px}
.blk-c .theme-list,.blk-c .ref-list,.blk-c .instrument-grid{
  display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.blk-c .theme-item,.blk-c .ref-tag,.blk-c .instrument-tag{
  display:inline-block;padding:6px 12px;border-radius:999px;
  background:rgba(237,232,220,0.06);border:1px solid var(--line-2);
  font-size:13px;color:var(--cream);line-height:1.4}
.blk-c .theme-item{border-radius:10px;text-align:left;flex:1 1 260px}
.blk-c .prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;margin:4px 0 14px}
.blk-c .prod-item{background:var(--bg-card);border:1px solid var(--line);
  border-radius:11px;padding:13px 15px}
.blk-c .prod-key{font-family:var(--mono);font-size:11px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--cream-dim);margin-bottom:7px}
.blk-c .prod-val{font-size:14px;color:var(--cream);line-height:1.6}
.blk-c .highlight-note,.blk-c .showman-note,.blk-c .swipe-note,
.blk-c .mv-callout,.blk-c .arc-callout,.blk-c .easter-egg-box,
.blk-c .philosophy-block,.blk-c .placeholder-note{
  background:var(--bg-card-2);border:1px solid var(--line-2);border-left:3px solid var(--amber-dim);
  border-radius:0 11px 11px 0;padding:14px 17px;margin:14px 0;font-size:14px;color:#DCD6C9}
.band-prepro .blk-c .highlight-note,.band-prepro .blk-c .easter-egg-box,
.band-prepro .blk-c .mv-callout,.band-prepro .blk-c .arc-callout{border-left-color:var(--teal)}
.blk-c .mv-callout-label,.blk-c .arc-callout-label,.blk-c .egg-item,
.blk-c .sub-h,.blk-c .slayer,.blk-c .sscript,.blk-c .checklist-heading,
.blk-c .lyric-section-label,.blk-c .ck-head{
  font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--cream);margin:20px 0 8px;display:block}
/* Easter egg map: each pairing is a card, the pairing line is its heading */
.blk-c .egg-list{display:grid;gap:12px;margin:16px 0 4px}
.blk-c .egg-item{display:block;background:var(--bg-card);border:1px solid var(--line);
  border-left:3px solid var(--teal);border-radius:0 12px 12px 0;
  padding:15px 18px;margin:0;font:inherit;letter-spacing:0;text-transform:none}
.blk-c .egg-connection{font-family:var(--serif);font-size:19px;font-weight:700;
  line-height:1.3;color:var(--white);margin:0 0 8px;letter-spacing:0;
  text-transform:none;display:block}
.blk-c .egg-detail{font-family:var(--sans);font-size:15px;line-height:1.7;
  color:#DCD6C9;margin:0;letter-spacing:0;text-transform:none;display:block}
.blk-c .easter-egg-box .egg-connection{font-size:17px}
.blk-c .sub-h:first-child,.blk-c .slayer:first-child,
.blk-c .checklist-heading:first-child{margin-top:2px}

.blk-c .question-list{list-style:none;padding:0;margin:4px 0 8px}
.blk-c .question-item{position:relative;padding:9px 0 9px 26px;font-size:14px;
  color:#D2CCBF;border-bottom:1px solid var(--line)}
.blk-c .question-item::before{content:'?';position:absolute;left:0;top:9px;
  font-family:var(--mono);font-size:12px;color:var(--teal-light);font-weight:700}
.blk-c .question-item:last-child{border-bottom:0}
.blk-c .lyric,.blk-c .squote{font-family:var(--serif);font-style:italic;font-size:15px;
  color:var(--amber-light);border-left:2px solid var(--amber-dim);
  padding:8px 15px;margin:12px 0;background:rgba(200,132,42,0.05);line-height:1.55}
.blk-c table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px}
.blk-c th,.blk-c td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);
  vertical-align:top}
.blk-c th{font-family:var(--mono);font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cream-faint)}
.blk-c .otbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:11px;margin:12px 0}
.blk-c .field-block{background:var(--bg-card);border:1px solid var(--line);
  border-radius:11px;padding:15px 17px;margin:12px 0}
.blk-c .field-label span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--cream)}
.blk-c .field-content{font-size:14.5px;color:#DCD6C9;margin-top:8px;line-height:1.7}
.blk-c .two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.blk-c .cat-block{background:var(--bg-card);border:1px solid var(--line);
  border-radius:11px;padding:0;margin:12px 0;overflow:hidden}
.blk-c .cat-label{font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:0;
  text-transform:none;color:var(--white);padding:12px 16px;
  border-bottom:1px solid var(--line);background:rgba(200,132,42,.07)}
.blk-c .cat-body{padding:13px 15px}
.blk-c .priority-flag,.blk-c .tag,.blk-c .tag-outline,.blk-c .locked-badge{
  display:inline-block;font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;
  text-transform:uppercase;padding:3px 8px;border-radius:4px;
  background:var(--burgundy);color:var(--cream);margin-left:7px;vertical-align:middle}
.blk-c .tag-outline{background:transparent;border:1px solid var(--line-2);color:var(--cream-dim)}

/* persistent checklists */
.ck-list{list-style:none;padding:0;margin:6px 0}
.ck-list li{display:flex;align-items:flex-start;gap:11px;padding:9px 0;
  border-bottom:1px solid var(--line);font-size:14px;color:#D2CCBF}
.ck-list li:last-child{border-bottom:0}
.ckbox{width:16px;height:16px;border:1.5px solid var(--cream-faint);border-radius:4px;
  flex-shrink:0;margin-top:3px;cursor:pointer;display:block;position:relative}
.ckbox:hover{border-color:var(--amber-light)}
.ckbox.on{background:var(--amber);border-color:var(--amber)}
.ckbox.on::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;
  justify-content:center;font-size:11px;color:#14100A;font-weight:700}
.ck-list li.done > span:last-child{opacity:.5;text-decoration:line-through}

/* ---------------------------------------------------- lyrics */
.lyric-body,.lyrics-body{max-width:62ch}
/* the source marks every line with <br>, so pre-wrap would double the spacing */
.lyric-lines{font-family:var(--serif);font-size:17px;line-height:1.75;
  color:var(--cream);white-space:normal;margin:0 0 20px}
.lyric-lines.chorus,.lyric-lines.bridge{
  border-left:2px solid var(--amber-dim);padding-left:18px;color:var(--white)}
.blk-c .lyric-section-label{margin:22px 0 7px}
.blk-c .lyric-section-label:first-child{margin-top:0}

/* ---------------------------------------------------- admin table */
.adm{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);border-radius:11px;
  overflow:hidden;margin:6px 0 16px}
.adm > div{background:#12121C;padding:13px 16px}
.adm .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--cream-dim);margin-bottom:7px}
.adm .v{font-size:14px;color:var(--cream);word-break:break-word}
.adm .v.mono{font-family:var(--mono);font-size:13.5px;color:var(--white);letter-spacing:.03em}
.adm .v.todo{color:var(--cream-faint);font-style:italic}
.pill{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;padding:3px 9px;border-radius:999px;font-weight:600}
.pill.ok{background:rgba(61,122,138,.35);color:var(--teal-light);border:1px solid var(--teal-dim)}
.pill.wait{background:rgba(200,132,42,.18);color:var(--amber-light);border:1px solid var(--amber-dim)}
.pill.na{background:rgba(123,135,152,.16);color:var(--slate);border:1px solid #333B48}
.pill.live{background:var(--amber);color:#14100A}

/* ---------------------------------------------------- track list */
.acts{margin:34px 0 10px}
.act-h{display:flex;align-items:baseline;gap:14px;margin:36px 0 14px;
  padding-bottom:11px;border-bottom:1px solid var(--line-2)}
.act-h .n{font-family:var(--mono);font-size:10px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--amber)}
.act-h .t{font-family:var(--serif);font-size:19px;color:var(--cream);font-style:italic}
.act-h .c{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--cream-faint)}
.trk{display:flex;align-items:center;gap:16px;padding:13px 16px;border-radius:10px;
  border:1px solid transparent}
.trk:hover{background:var(--bg-card);border-color:var(--line)}
.trk .no{font-family:var(--mono);font-size:12px;color:var(--cream-faint);
  min-width:26px;text-align:right}
.trk .ttl{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--cream);
  line-height:1.2}
.trk:hover .ttl{color:var(--white)}
.trk .meta{margin-left:auto;display:flex;align-items:center;gap:14px;
  font-family:var(--mono);font-size:10.5px;color:var(--cream-faint);white-space:nowrap}
.trk .dur{min-width:38px;text-align:right}
.trk .dots{display:flex;gap:4px}
.trk .dot{width:7px;height:7px;border-radius:50%;background:rgba(237,232,220,.14)}
.trk .dot.w{background:var(--slate)} .trk .dot.d{background:var(--teal-light)}
.trk .dot.m{background:var(--amber)}
@media(max-width:620px){.trk .meta .dur,.trk .meta .k{display:none}}

/* ---------------------------------------------------- cards + pager */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:26px 0}
.card{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;display:block}
.card:hover{border-color:var(--amber-dim);background:var(--bg-card-2)}
.card .ct{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--white);margin-bottom:7px}
.card .cd{font-size:13.5px;color:var(--cream-dim);line-height:1.55}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:44px 0 60px;
  padding-top:24px;border-top:1px solid var(--line-2)}
.pager a{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;
  padding:15px 18px;display:block}
.pager a:hover{border-color:var(--amber-dim)}
.pager .l{font-family:var(--mono);font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--amber);display:block;margin-bottom:5px}
.pager .t{font-family:var(--serif);font-size:16px;color:var(--cream)}
.pager .nx{text-align:right}
.pager .off{opacity:.3;pointer-events:none}

footer.site{border-top:1px solid var(--line);margin-top:50px;padding:26px 0 44px;
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cream-faint);display:flex;gap:16px;flex-wrap:wrap}
footer.site .r{margin-left:auto;color:var(--burgundy);color:#A8566A}

/* ---------------------------------------------------- responsive */
@media(max-width:900px){
  .nav-toggle{display:flex}
  .nav{height:auto}
  .nav-in{flex-wrap:wrap;padding:0 16px;min-height:var(--nav-h)}
  .nav-menu{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;
    gap:0;padding:6px 0 12px;border-top:1px solid var(--line)}
  .nav.open .nav-menu{display:flex}
  .nav-menu > li > a{padding:11px 4px}
  .dd,.dd.wide{position:static;display:none;min-width:0;grid-template-columns:1fr;
    box-shadow:none;border:0;border-left:2px solid var(--amber-dim);border-radius:0;
    margin:0 0 8px 8px;padding:4px 0 4px 10px;background:transparent}
  .nav-dd:hover .dd,.nav-dd:hover .dd.wide{display:none}
  .nav-dd.open .dd{display:block} .nav-dd.open .dd.wide{display:grid}
  .wrap{padding:0 18px}
  .subnav-in{padding:0 18px}
  .blk-c .two-col{grid-template-columns:1fr}
  .pager{grid-template-columns:1fr}
}
@media print{
  .nav,.subnav,.pager,.tier iframe{display:none}
  body{background:#fff;color:#111}
  .blk-c,.adm .v{color:#111}
}


/* ---------------------------------------------------- stories page */
.blk-c .subtitle{font-size:16px;color:var(--cream-dim);margin:0 0 16px;max-width:62ch}
.blk-c .meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);border-radius:11px;
  overflow:hidden;margin:6px 0 4px}
.blk-c .meta-grid .meta-item{background:var(--bg-card);padding:12px 15px;font-size:14.5px;
  color:var(--cream)}
.blk-c .meta-grid .meta-item span{display:block;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);margin-bottom:6px}
.blk-c .fan-hook{background:rgba(200,132,42,0.09);border:1px solid var(--amber-dim);
  border-radius:11px;padding:14px 17px;margin:0 0 18px;font-size:15.5px;
  line-height:1.65;color:var(--cream)}
.blk-c .fan-hook strong{display:block;font-family:var(--mono);font-size:11px;
  font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--amber-light);margin-bottom:7px}
.blk-c .story-label{font-family:var(--mono);font-size:11.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);margin:0 0 10px}
.blk-c .story-body{font-size:15.5px;line-height:1.78;color:#DCD6C9;max-width:66ch}
.blk-c .story-body p{margin:0 0 13px}
.blk-c .pull-quote strong{display:block;font-family:var(--mono);font-size:10.5px;
  font-style:normal;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cream-dim);margin-bottom:8px}