/* ============================================================
   OVERLAY — issue.css
   Unified issue chassis (Level 2). One layout, one palette,
   stream identity via a single --accent + scene tint only.
   Scoped entirely under .ir-issue. Fonts bundled locally.
   ============================================================ */

@font-face{font-family:'Playfair Display';src:url('../fonts/playfair.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Playfair Display';src:url('../fonts/playfair-italic.woff2') format('woff2');font-weight:400 900;font-style:italic;font-display:swap;}
@font-face{font-family:'DM Sans';src:url('../fonts/dmsans.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;}
@font-face{font-family:'DM Sans';src:url('../fonts/dmsans-italic.woff2') format('woff2');font-weight:400 800;font-style:italic;font-display:swap;}

/* ---- Unified Overlay chassis tokens ---- */
.ir-issue{
  /* Overlay brand neutrals at CARD level: cream + stone, shared across both streams */
  --bg-deepest:#2C3D4D; --bg-primary:#3A5060; --bg-raised:#4D6478; --bg-footer:#27343F;
  --surface-cream:#F0EDE8; --surface-cream-raised:#F7F4EF; --surface-cream-band:#E7E2DA; --surface-cream-band-deep:#DBD5CB;
  --border-deep:#56708A; --border-cream:#D8D3CB;
  --text-cream:#F0EDE8; --text-cream-muted:#C7C3BC; --text-cream-faint:#9D9B96;
  --text-ink:#0F1419; --text-ink-secondary:#4D4A45; --text-ink-muted:#9D9B96;
  /* NAP marker = gold (returned); dark-band highlight uses stream accent */
  --gold:#C99A3A; --gold-bright:#E0B459; --gold-deep:#8A6520;
  --font-display:'Playfair Display', Georgia, serif;
  --font-body:'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --title-overlay-top:rgba(15,20,25,0.00); --title-overlay-mid:rgba(20,30,40,0.12); --title-overlay-bot:rgba(8,16,24,0.52);
  --accent:#6B9AB5; --accent-bright:#8FB8CF; --accent-deep:#4A7C99; --accent-tint:rgba(107,154,181,0.16);
  --ink-bar:#1B2730;
}
.ir-issue.ir-issue--ott{
  --bg-deepest:#2C3D4D; --bg-primary:#3A5060; --bg-raised:#4D6478; --bg-footer:#27343F;
  --border-deep:#56708A; --ink-bar:#1B2730;
  --accent:#6B9AB5; --accent-bright:#8FB8CF; --accent-deep:#4A7C99; --accent-tint:rgba(107,154,181,0.16);
}
.ir-issue.ir-issue--utl{
  --bg-deepest:#0B1A2A; --bg-primary:#122538; --bg-raised:#1E3550; --bg-footer:#081420;
  --border-deep:#274056; --ink-bar:#06101A;
  --accent:#2BB892; --accent-bright:#3DDFB4; --accent-deep:#1F8C6E; --accent-tint:rgba(43,184,146,0.16);
}

/* full-bleed wrapper so the 800px column centres regardless of shell width */
.ir-issue{ width:100%; }
.ir-issue .page{ box-shadow:0 24px 60px rgba(42,14,21,0.18); }
.ir-issue * { margin: 0; padding: 0; box-sizing: border-box; }
.ir-issue {
  font-family: var(--font-body);
  background: var(--bg-deepest);
  color: var(--text-cream);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}
.ir-issue .page {
  max-width: 800px;
  margin: 0 auto;
  background: var(--bg-primary);
}
.ir-issue .masthead {
  background: var(--bg-deepest);
  padding: 36px 48px 32px;
  border-bottom: 1px solid var(--border-deep);
  position: relative;
}
.ir-issue .masthead-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.ir-issue .ir-parent-mark {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-display);
  font-size: 13px;
  color: var(--text-cream-muted);
}
.ir-issue .ir-parent-mark .diamond {
  width: 6px;
  height: 6px;
  background: var(--accent-bright);
  transform: rotate(45deg);
}
.ir-issue .ir-parent-mark em {
  font-style: italic;
  color: var(--accent-bright);
}
.ir-issue .edition-marker {
  text-align: right;
  font-family: var(--font-body);
}
.ir-issue .edition-marker .issue-label {
  display: block;
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--text-cream-faint);
  font-weight: 600;
  margin-bottom: 4px;
}
.ir-issue .edition-marker .dispatch-label {
  font-family: var(--font-display);
  font-size: 14px;
  color: var(--text-cream-muted);
  font-style: italic;
}
.ir-issue .masthead-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(56px, 9vw, 84px);
  line-height: 0.95;
  color: var(--text-cream);
  letter-spacing: -0.02em;
  margin-bottom: 18px;
}
.ir-issue .masthead-title em {
  font-style: italic;
  font-weight: 900;
  color: var(--accent-bright);
}
.ir-issue .masthead-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--gold-bright);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.ir-issue .masthead-meta .diamond {
  color: var(--accent-bright);
  font-size: 9px;
}
.ir-issue .masthead-sub {
  font-size: 12px;
  color: var(--text-cream-faint);
  font-weight: 500;
  letter-spacing: 0.02em;
}
.ir-issue .masthead-sub strong {
  color: var(--accent-bright);
  font-weight: 600;
}
.ir-issue .title-card {
  position: relative;
  height: 280px;
  overflow: hidden;
  background: var(--bg-deepest);
  border-bottom: 1px solid var(--border-deep);
}
.ir-issue .title-card-scene, .ir-issue .title-card-scene svg {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: block;
}
.ir-issue .title-card-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      var(--title-overlay-top) 0%,
      var(--title-overlay-mid) 50%,
      var(--title-overlay-bot) 100%);
  pointer-events: none;
}
.ir-issue .title-card-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 48px;
  z-index: 2;
}
.ir-issue .title-card-venue {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(72px, 12vw, 120px);
  line-height: 0.9;
  color: var(--text-cream);
  letter-spacing: -0.02em;
  text-align: center;
  opacity: 0.95;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5);
}
.ir-issue .title-card-corner {
  position: absolute;
  top: 22px;
  left: 48px;
  z-index: 3;
  font-family: var(--font-body);
  font-size: 9.5px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text-cream-muted);
  opacity: 0.85;
}
.ir-issue .title-card-corner em {
  color: var(--accent-bright);
  font-style: normal;
  font-weight: 700;
}
.ir-issue .title-card-stamp {
  position: absolute;
  bottom: 22px;
  right: 48px;
  font-family: var(--font-body);
  font-size: 9.5px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--accent-bright);
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ir-issue .title-card-stamp .diamond {
  font-size: 8px;
  opacity: 0.7;
}
.ir-issue .edge-sentence-band {
  background: var(--bg-deepest);
  padding: 28px 48px;
  text-align: center;
  border-bottom: 1px solid var(--border-deep);
}
.ir-issue .edge-sentence {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 17px;
  line-height: 1.5;
  color: var(--text-cream-muted);
  max-width: 580px;
  margin: 0 auto;
  font-weight: 400;
}
.ir-issue .edge-sentence em em, .ir-issue .edge-sentence strong em {
  color: var(--accent-bright);
  font-style: italic;
  font-weight: 700;
}
.ir-issue .edge-sentence > em {
  font-style: italic;
  color: inherit;
}
.ir-issue .proof-band {
  position: relative;
  background: var(--bg-deepest);
  padding: 40px 48px 36px;
  overflow: hidden;
}
.ir-issue .proof-band-ground {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.ir-issue .proof-band-ground svg {
  width: 100%;
  height: 100%;
  display: block;
}
.ir-issue .proof-band > *:not(.proof-band-ground) {
  position: relative;
  z-index: 1;
}
.ir-issue .proof-eyebrow {
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--text-cream-faint);
  font-weight: 700;
  margin-bottom: 18px;
  text-align: center;
}
.ir-issue .proof-eyebrow span {
  color: var(--accent-bright);
}
.ir-issue .proof-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border-deep);
  border: 1px solid var(--border-deep);
}
.ir-issue .proof-cell {
  background: var(--bg-primary);
  padding: 22px 16px;
  text-align: center;
}
.ir-issue .proof-value {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  color: var(--accent-bright);
  margin-bottom: 8px;
}
.ir-issue .proof-value.amber { color: var(--gold-bright); }
.ir-issue .proof-value.cream { color: var(--text-cream); }
.ir-issue .proof-label {
  font-size: 9.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--text-cream-faint);
  font-weight: 700;
}
.ir-issue .hero-section {
  padding: 56px 48px 48px;
  background: var(--surface-cream);
  color: var(--text-ink);
}
.ir-issue .hero-eyebrow {
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--accent-deep);
  font-weight: 700;
  margin-bottom: 12px;
}
.ir-issue .hero-card {
  border: 1px solid var(--border-cream);
  background: var(--surface-cream-raised);
  padding: 36px 36px 32px;
  margin-bottom: 24px;
  position: relative;
}
.ir-issue .hero-card.nap { border-top: 4px solid var(--gold-deep); }
.ir-issue .hero-card.nb { border-top: 4px solid var(--accent-deep); }
.ir-issue .hero-tag-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.ir-issue .hero-tag {
  font-family: var(--font-body);
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 800;
  padding: 5px 11px;
  background: var(--gold-deep);
  color: var(--surface-cream-raised);
}
.ir-issue .hero-tag.nb { background: var(--accent-deep); }
.ir-issue .hero-time {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--text-ink-secondary);
}
.ir-issue .hero-name {
  font-family: var(--font-display);
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
  color: var(--text-ink);
}
.ir-issue .hero-name em { font-style: italic; }
.ir-issue .hero-meta {
  font-size: 12.5px;
  color: var(--text-ink-muted);
  margin-bottom: 22px;
  font-weight: 500;
}
.ir-issue .hero-meta .sep {
  color: var(--accent-deep);
  margin: 0 8px;
}
.ir-issue .hero-odds-row {
  display: flex;
  align-items: baseline;
  gap: 24px;
  padding: 16px 0;
  border-top: 1px solid var(--border-cream);
  border-bottom: 1px solid var(--border-cream);
  margin-bottom: 22px;
}
.ir-issue .hero-odds-block { display: flex; align-items: baseline; gap: 8px; }
.ir-issue .hero-odds-label {
  font-size: 9.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text-ink-muted);
}
.ir-issue .hero-odds-value {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  color: var(--text-ink);
}
.ir-issue .hero-odds-value.gold { color: var(--gold-deep); }
.ir-issue .hero-odds-value.accent { color: var(--accent-deep); }
.ir-issue .hero-thesis {
  font-size: 14px;
  line-height: 1.65;
  color: var(--text-ink-secondary);
  margin-bottom: 16px;
}
.ir-issue .hero-thesis .lead { font-weight: 700; color: var(--text-ink); }
.ir-issue .hero-thesis .price { color: var(--gold-deep); font-weight: 600; }
.ir-issue .intel-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--text-ink);
  color: var(--accent-bright);
  padding: 8px 14px;
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 8px;
}
.ir-issue .intel-badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent-bright);
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse{
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
.ir-issue .highlights-section {
  position: relative;
  background: var(--bg-deepest);
  padding: 48px;
  overflow: hidden;
}
.ir-issue .highlights-ground {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.ir-issue .highlights-ground svg {
  width: 100%;
  height: 100%;
  display: block;
}
.ir-issue .highlights-section > *:not(.highlights-ground) {
  position: relative;
  z-index: 1;
}
.ir-issue .section-header {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-deep);
}
.ir-issue .section-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 26px;
  color: var(--text-cream);
  letter-spacing: -0.01em;
}
.ir-issue .section-title em {
  font-style: italic;
  color: var(--accent-bright);
}
.ir-issue .section-eyebrow {
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--accent-bright);
  font-weight: 700;
  margin-left: auto;
}
.ir-issue .highlights-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border-deep);
  border: 1px solid var(--border-deep);
}
.ir-issue .highlights-cell {
  background: var(--bg-primary);
  padding: 18px 16px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
}
.ir-issue .highlights-label {
  font-size: 9px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--gold-bright);
  margin-bottom: 10px;
}
.ir-issue .highlights-name {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 6px;
  color: var(--text-cream);
}
.ir-issue .highlights-detail {
  font-size: 11.5px;
  color: var(--text-cream-muted);
  line-height: 1.4;
}
.ir-issue .highlights-empty {
  font-size: 11.5px;
  color: var(--text-cream-faint);
  line-height: 1.5;
  font-style: italic;
}
.ir-issue .card-section {
  background: var(--surface-cream);
  color: var(--text-ink);
  padding: 56px 48px 48px;
}
.ir-issue .card-section .section-title { color: var(--text-ink); }
.ir-issue .card-section .section-title em { color: var(--accent-deep); }
.ir-issue .card-section .section-header { border-bottom-color: var(--border-cream); }
.ir-issue .card-section .section-eyebrow { color: var(--accent-deep); }
.ir-issue .race-block {
  border: 1px solid var(--border-cream);
  background: var(--surface-cream-raised);
  margin-bottom: 16px;
  overflow: hidden;
}
.ir-issue .race-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: var(--surface-cream-band);
  border-bottom: 1px solid var(--border-cream);
}
.ir-issue .race-bar-left {
  display: flex;
  align-items: center;
  gap: 14px;
}
.ir-issue .race-time {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--text-ink);
}
.ir-issue .race-name {
  font-size: 12.5px;
  color: var(--text-ink-secondary);
  font-weight: 500;
}
.ir-issue .race-tag {
  font-size: 9.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 4px 9px;
}
/* Alternating scheme: colour / cream down the quality scale */
.ir-issue .race-tag.exceptional, .ir-issue .race-tag.good, .ir-issue .race-tag.poor {
  background: var(--accent);
  color: #fff;
}
.ir-issue .race-tag.excellent, .ir-issue .race-tag.average, .ir-issue .race-tag.avoid {
  background: var(--surface-cream-raised);
  color: var(--text-ink);
}
.ir-issue .selection-row {
  padding: 18px 20px;
  border-bottom: 1px solid var(--border-cream);
}
.ir-issue .selection-row:last-child { border-bottom: 0; }
.ir-issue .selection-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 8px;
}
.ir-issue .selection-name-block {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.ir-issue .selection-label {
  font-size: 9px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text-ink-muted);
}
.ir-issue .selection-name {
  font-family: var(--font-display);
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: var(--text-ink);
}
.ir-issue .selection-name em { font-style: italic; }
.ir-issue .selection-odds-block {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.ir-issue .selection-odds-label {
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text-ink-muted);
}
.ir-issue .selection-odds {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--text-ink);
}
.ir-issue .selection-odds.gold { color: var(--gold-deep); }
.ir-issue .selection-odds.accent { color: var(--accent-deep); }
.ir-issue .selection-thesis {
  font-size: 13px;
  line-height: 1.6;
  color: var(--text-ink-secondary);
}
.ir-issue .selection-thesis .lead { font-weight: 700; color: var(--text-ink); }
.ir-issue .selection-thesis .price { color: var(--gold-deep); font-weight: 600; }
.ir-issue .alt-block {
  background: var(--surface-cream-band-deep);
  padding: 14px 20px;
}
.ir-issue .alt-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 6px;
}
.ir-issue .alt-header-left {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.ir-issue .alt-header-right {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-shrink: 0;
}
.ir-issue .alt-label {
  font-size: 9px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text-ink-muted);
}
.ir-issue .alt-name {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  color: var(--text-ink);
}
.ir-issue .alt-price {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  color: var(--gold-deep);
}
.ir-issue .alt-score {
  font-size: 11px;
  color: var(--text-ink-muted);
  font-weight: 500;
  letter-spacing: 0.04em;
}
.ir-issue .alt-reason {
  font-size: 12.5px;
  color: var(--text-ink-secondary);
  line-height: 1.5;
}
.ir-issue .method-band {
  background: var(--bg-deepest);
  padding: 56px 48px 48px;
  border-top: 1px solid var(--border-deep);
}
.ir-issue .method-eyebrow {
  text-align: center;
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--accent-bright);
  font-weight: 700;
  margin-bottom: 12px;
}
.ir-issue .method-headline {
  text-align: center;
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 400;
  color: var(--text-cream);
  line-height: 1.4;
  max-width: 540px;
  margin: 0 auto 36px;
}
.ir-issue .method-headline em { font-style: italic; }
.ir-issue .method-headline em strong em {
  color: var(--accent-bright);
  font-weight: 700;
  font-style: italic;
}
.ir-issue .method-headline strong em {
  color: var(--accent-bright);
  font-weight: 700;
  font-style: italic;
}
.ir-issue .method-grid {
  display: grid;
  gap: 1px;
  background: var(--border-deep);
  border-top: 1px solid var(--border-deep);
  border-bottom: 1px solid var(--border-deep);
}
.ir-issue .method-grid-three { grid-template-columns: repeat(3, 1fr); }
.ir-issue .method-grid-four { grid-template-columns: repeat(4, 1fr); }
.ir-issue .method-cell {
  background: var(--bg-deepest);
  padding: 22px 14px;
  text-align: center;
}
.ir-issue .method-num {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  color: var(--accent-bright);
  line-height: 1;
  margin-bottom: 12px;
}
.ir-issue .method-num em { font-style: italic; }
.ir-issue .method-text {
  font-size: 11px;
  line-height: 1.5;
  color: var(--text-cream-muted);
  font-weight: 400;
}
.ir-issue .method-text em { font-style: italic; }
.ir-issue .staking-section {
  background: var(--bg-staking, var(--bg-primary));
  padding: 48px;
}
.ir-issue .staking-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.ir-issue .staking-table th {
  text-align: left;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--accent-bright);
  padding: 10px 12px;
  border-bottom: 1px solid var(--border-deep);
}
.ir-issue .staking-table th.num {
  text-align: right;
}
.ir-issue .staking-table td {
  padding: 12px;
  border-bottom: 1px solid var(--border-deep);
  color: var(--text-cream-muted);
}
.ir-issue .staking-table td.num {
  text-align: right;
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--text-cream);
}
.ir-issue .staking-table tr.is-nap td {
  background: rgba(201, 154, 58, 0.08);
}
.ir-issue .staking-table tr.is-nb td {
  background: var(--accent-tint);
}
.ir-issue .staking-table .horse {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--text-cream);
}
.ir-issue .staking-table .badge {
  font-size: 8.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 2px 6px;
  margin-left: 6px;
  background: var(--gold-deep);
  color: var(--text-cream);
}
.ir-issue .staking-table .badge.nb { background: var(--accent-deep); }
.ir-issue .staking-total {
  margin-top: 20px;
  padding: 16px 12px;
  border-top: 2px solid var(--accent);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.ir-issue .staking-total-label {
  font-size: 13px;
  color: var(--text-cream-muted);
  font-weight: 500;
}
.ir-issue .staking-total-label strong { color: var(--text-cream); font-weight: 700; }
.ir-issue .staking-total-value {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  color: var(--accent-bright);
}
.ir-issue .footer {
  background: var(--bg-footer);
  padding: 48px 48px 36px;
  border-top: 1px solid var(--border-deep);
}
.ir-issue .footer-mark {
  text-align: center;
  margin-bottom: 28px;
}
.ir-issue .footer-wordmark {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 32px;
  line-height: 1;
  color: var(--text-cream);
  letter-spacing: -0.01em;
  margin-bottom: 4px;
}
.ir-issue .footer-wordmark em {
  font-style: italic;
  color: var(--accent-bright);
}
.ir-issue .footer-tagline {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 13px;
  color: var(--text-cream-faint);
}
.ir-issue .footer-divider {
  width: 60px;
  height: 1px;
  background: var(--accent);
  margin: 28px auto;
  opacity: 0.6;
}
.ir-issue .footer-byline {
  text-align: center;
  font-size: 11.5px;
  color: var(--text-cream-muted);
  line-height: 1.7;
  margin-bottom: 24px;
}
.ir-issue .footer-byline strong { color: var(--text-cream); font-weight: 600; }
.ir-issue .footer-byline .sep {
  color: var(--accent-bright);
  margin: 0 8px;
}
.ir-issue .footer-disclaimer {
  text-align: center;
  font-size: 10px;
  color: var(--text-cream-faint);
  line-height: 1.6;
  max-width: 540px;
  margin: 0 auto;
  padding-top: 20px;
  border-top: 1px solid var(--border-deep);
}
.ir-issue .footer-disclaimer strong {
  color: var(--accent-bright);
  font-weight: 700;
}
.ir-issue .page > section, .ir-issue .page > .masthead, .ir-issue .page > .footer {
  animation: fadeUp 0.6s ease-out backwards;
}
.ir-issue .page > *:nth-child(1) { animation-delay: 0s; }
.ir-issue .page > *:nth-child(2) { animation-delay: 0.05s; }
.ir-issue .page > *:nth-child(3) { animation-delay: 0.1s; }
.ir-issue .page > *:nth-child(4) { animation-delay: 0.15s; }
.ir-issue .page > *:nth-child(5) { animation-delay: 0.2s; }
.ir-issue .page > *:nth-child(6) { animation-delay: 0.25s; }
.ir-issue .page > *:nth-child(7) { animation-delay: 0.3s; }
.ir-issue .page > *:nth-child(8) { animation-delay: 0.35s; }
.ir-issue .page > *:nth-child(9) { animation-delay: 0.4s; }
.ir-issue .page > *:nth-child(10) { animation-delay: 0.45s; }
@keyframes fadeUp{
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.ir-issue .hero-tag, .ir-issue .race-tag, .ir-issue .intel-badge, .ir-issue .staking-table .badge {
  box-shadow:
    0 2px 5px rgba(0, 0, 0, 0.25),
    0 1px 2px rgba(0, 0, 0, 0.15);
}
/* ---- Title-card: raspberry field, Ink diagonal bar device, accent edge ---- */
.ir-issue .title-card{ background:var(--bg-deepest); }
.ir-issue .title-card-scene{ background:radial-gradient(130% 120% at 72% 8%, var(--bg-raised) 0%, var(--bg-deepest) 62%); }
.ir-issue--ott .title-card-scene{ background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 280' preserveAspectRatio='xMidYMid slice'><defs><filter id='blG'><feTurbulence type='turbulence' baseFrequency='0.016 1.6' numOctaves='3' seed='3'/><feColorMatrix values='0 0 0 0 0.98 0 0 0 0 0.94 0 0 0 0 0.88 0 0 0 0.20 0'/></filter><filter id='grG'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='11'/><feColorMatrix values='0 0 0 0 0.98 0 0 0 0 0.94 0 0 0 0 0.88 0 0 0 0.07 0'/></filter></defs><rect width='800' height='280' fill='%232E3F28'/><polygon points='-100,-50 350,-50 148,330 -302,330' fill='%234E6B3F' opacity='0.80'/><polygon points='80,-50 530,-50 328,330 -122,330' fill='%231E2A18' opacity='0.62'/><polygon points='260,-50 710,-50 508,330 58,330' fill='%234E6B3F' opacity='0.80'/><polygon points='440,-50 890,-50 688,330 238,330' fill='%231E2A18' opacity='0.62'/><polygon points='620,-50 1070,-50 868,330 418,330' fill='%234E6B3F' opacity='0.80'/><polygon points='800,-50 1100,-50 898,330 598,330' fill='%231E2A18' opacity='0.62'/><rect width='800' height='280' filter='url(%23blG)' opacity='0.72'/><rect width='800' height='280' filter='url(%23grG)' opacity='0.55'/></svg>") center/cover no-repeat; }
.ir-issue--utl .title-card-scene{ background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 280' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='ngF' x1='0' y1='0' x2='0' y2='1'><stop offset='0%25' stop-color='%2308121E'/><stop offset='60%25' stop-color='%23122538'/><stop offset='100%25' stop-color='%231E3550'/></linearGradient><radialGradient id='flF' cx='0.5' cy='0.12' r='0.88'><stop offset='0%25' stop-color='%23F8F4EC' stop-opacity='0.42'/><stop offset='32%25' stop-color='%233DDFB4' stop-opacity='0.24'/><stop offset='100%25' stop-color='%23122538' stop-opacity='0'/></radialGradient><linearGradient id='bmF' x1='0' y1='0' x2='0.18' y2='1'><stop offset='0%25' stop-color='%233DDFB4' stop-opacity='0.34'/><stop offset='100%25' stop-color='%233DDFB4' stop-opacity='0'/></linearGradient><filter id='sfF'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.24 0 0 0 0 0.16 0 0 0 0 0.18 0 0 0 0.14 0'/></filter><filter id='lampB' x='-250%25' y='-250%25' width='600%25' height='600%25'><feGaussianBlur stdDeviation='18'/></filter></defs><rect width='800' height='280' fill='url(%23ngF)'/><polygon points='150,-20 250,-20 80,300 -20,300' fill='url(%23bmF)'/><polygon points='570,-20 670,-20 500,300 400,300' fill='url(%23bmF)'/><ellipse cx='200' cy='22' rx='250' ry='175' fill='url(%23flF)'/><ellipse cx='620' cy='22' rx='250' ry='175' fill='url(%23flF)'/><circle cx='200' cy='16' r='26' fill='%23BFF2E4' opacity='0.5' filter='url(%23lampB)'/><circle cx='200' cy='14' r='30' fill='%23F8F4EC' opacity='0.55' filter='url(%23lampB)'/><circle cx='200' cy='12' r='8' fill='%23FFFFFF' opacity='0.9' filter='url(%23lampB)'/><circle cx='620' cy='16' r='26' fill='%23BFF2E4' opacity='0.5' filter='url(%23lampB)'/><circle cx='620' cy='14' r='30' fill='%23F8F4EC' opacity='0.55' filter='url(%23lampB)'/><circle cx='620' cy='12' r='8' fill='%23FFFFFF' opacity='0.9' filter='url(%23lampB)'/><rect width='800' height='280' filter='url(%23sfF)' opacity='0.4'/></svg>") center/cover no-repeat; }
.ir-issue .title-card-scene::before{
  content:''; position:absolute; inset:0;
  background:
    linear-gradient(118deg, transparent 0 36%, var(--accent) 36% 37.4%, transparent 37.4%),
    linear-gradient(118deg, transparent 0 37.4%, var(--ink-bar) 37.4% 52%, transparent 52%);
}
.ir-issue .title-card-scene::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 58%, rgba(15,20,25,0.42) 100%);
}

/* ---- Dark grounds (proof + highlights): dimmed stream texture ---- */
.ir-issue .proof-band-ground::before, .ir-issue .highlights-ground::before{
  content:''; position:absolute; inset:0; opacity:1;
  background:radial-gradient(130% 120% at 72% 8%, var(--bg-raised), var(--bg-deepest) 70%);
}
.ir-issue--ott .proof-band-ground::before, .ir-issue--ott .highlights-ground::before{ background:radial-gradient(130% 120% at 72% 8%, #45607A, #2C3D4D 72%); }
.ir-issue--utl .proof-band-ground::before, .ir-issue--utl .highlights-ground::before{ background:radial-gradient(130% 120% at 72% 8%, #1B3148, #0B1A2A 72%); }

/* ---- New Level-2 elements: stream chip + slim colophon ---- */
.ir-issue .masthead-top{ align-items:center; }
.ir-issue .ir-chip{
  display:inline-block; background:var(--accent); color:#fff;
  font-family:var(--font-body); font-size:11px; font-weight:700;
  letter-spacing:0.14em; text-transform:uppercase; padding:5px 13px; border-radius:100px;
}
.ir-issue .issue-colophon{
  background:var(--bg-footer); color:var(--text-cream-faint);
  padding:26px 48px; font-family:var(--font-body); font-size:11px; line-height:1.85;
  text-align:center; border-top:1px solid var(--border-deep);
}
.ir-issue .issue-colophon strong{ color:var(--text-cream-muted); font-weight:600; }
.ir-issue .issue-colophon em{ color:var(--accent-bright); font-style:italic; }
.ir-issue .issue-colophon .sep{ margin:0 8px; opacity:0.5; }

/* ============================================================
   RESPONSIVE — issue chassis reflow for mobile / narrow email
   ============================================================ */
@media (max-width: 600px) {
  .ir-issue .masthead,
  .ir-issue .edge-sentence-band,
  .ir-issue .proof-band,
  .ir-issue .hero-section,
  .ir-issue .highlights-section,
  .ir-issue .card-section,
  .ir-issue .method-band,
  .ir-issue .staking-section,
  .ir-issue .footer,
  .ir-issue .issue-colophon { padding-left: 22px; padding-right: 22px; }
  .ir-issue .masthead { padding-top: 26px; padding-bottom: 22px; }

  /* grids reflow to 2-up (fixes proof stripe + highlights overflow) */
  .ir-issue .proof-grid,
  .ir-issue .highlights-grid,
  .ir-issue .method-grid-four,
  .ir-issue .method-grid-three { grid-template-columns: repeat(2, 1fr); }

  /* masthead meta + hero tag row must not collide */
  .ir-issue .masthead-meta { flex-wrap: wrap; gap: 8px 12px; }
  .ir-issue .hero-tag-row { flex-direction: column; align-items: flex-start; gap: 10px; }
  .ir-issue .hero-card { padding: 26px 22px 24px; }

  /* type scale down a touch */
  .ir-issue .hero-name { font-size: 34px; }
  .ir-issue .proof-value { font-size: 26px; }
  .ir-issue .staking-total-value { font-size: 26px; }
  .ir-issue .section-title { font-size: 22px; }
  .ir-issue .title-card { height: 220px; }
  .ir-issue .title-card-corner { left: 22px; }
  .ir-issue .title-card-stamp { right: 22px; }

  /* staking table tighter */
  .ir-issue .staking-table { font-size: 12px; }
  .ir-issue .staking-table th,
  .ir-issue .staking-table td { padding: 9px 8px; }
}

@media (max-width: 420px) {
  .ir-issue .selection-top { flex-direction: column; align-items: flex-start; gap: 8px; }
  .ir-issue .hero-name { font-size: 30px; }
  .ir-issue .hero-odds-row { gap: 16px; }
}