/* ============================================================
   Edition 307 design palette — overlay.
   Applied OVER the original page markup. No HTML/text is touched;
   this only restyles. Swaps in the Edition 307 typeface palette
   (Bodoni Moda / Newsreader / Archivo) through the original pages'
   own CSS variables, and flattens the card/shadow/gradient slop
   into the editorial Edition 307 treatment.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;0,6..96,700;0,6..96,800;0,6..96,900;1,6..96,400;1,6..96,500;1,6..96,600&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,500&family=Archivo:wght@400;500;600;700&display=swap');

/* Different pages name the body variable --font-editorial or --font-edit; cover both. */
:root{
  --font-display:   'Newsreader', Georgia, serif;
  --font-editorial: 'Newsreader', Georgia, serif;
  --font-edit:      'Newsreader', Georgia, serif;
  --font-ui:        'Archivo', system-ui, sans-serif;
}

/* No drop shadows anywhere */
*{ box-shadow: none !important; }

/* Flatten rounded cards, buttons and inputs to crisp editorial edges.
   Avatars/logos keep their circle (img radius is left alone). */
[class*="card"], [class*="-col"], .pillars, .pillar, .figure-card,
.pillar-img, .edition-image, .hero-img,
.btn, .btn-subscribe, .cta a.btn, .btn-accent, .btn-secondary, .btn-ghost,
.cc-form input, .cc-form textarea, .subscribe-row input, .btn-submit{
  border-radius: 0 !important;
}

/* Kill the radial-gradient "glow" overlays on dark blocks (varies per page) */
.pillar-card.dark::before, .cat-card.lead-card::before, .true-north::before,
.form-section.subscribe::before, .cta-band::before, [class*="cta"]::before{
  display: none !important;
}

/* Remove hover-lift transforms — editorial pages don't bounce */
.pillar-card:hover, .cat-card:hover, .edition-card:hover,
.sb-card:hover, .tn-card:hover, .top-card:hover, .signal-card:hover{
  transform: none !important;
}

/* Firmer hairlines, in keeping with the Edition 307 rules */
[class*="card"], .cat-col, .figure-card{ border-color: var(--rule-strong) !important; }

/* Bodoni runs taller than Playfair — give big headlines room so they
   never crowd the deck below */
.hero-headline, .hero h1{ line-height: 1.1 !important; margin-bottom: 32px !important; }