/* ============================================================
   FORGE & FOUNDATION — PARCHMENT & GLASS THEME
   A drop-in theme layered over style.css / mobile.css.
   Link this LAST so it overrides everything below it.

   Principles:
     • Warm parchment ground, never dark.
     • Frosted-glass panels with hairline brown rules.
     • Dark brown is used ONLY as a hairline or a subtle dash —
       never as a fill.
     • Headings in muted burgundy, body in soft walnut.
     • Mobile: glass falls back to solid parchment when the
       browser or device cannot afford the blur.
   ============================================================ */

:root{
  /* Parchment ground */
  --pg-bg:          #f6ecd6;
  --pg-bg-2:        #efe2c4;
  --pg-bg-3:        #e8d9b6;

  /* Glass surfaces */
  --pg-glass:       rgba(253, 248, 236, 0.62);
  --pg-glass-2:     rgba(253, 248, 236, 0.82);
  --pg-glass-3:     rgba(253, 248, 236, 0.94);
  --pg-glass-edge:  rgba(255, 255, 255, 0.55);

  /* Inks */
  --pg-ink:         #2c2114;
  --pg-ink-2:       #4a3a26;
  --pg-ink-3:       #7a6444;

  /* Brown outline — the ONLY place dark brown appears */
  --pg-brown:       #5c3f24;
  --pg-brown-2:     #3d2a18;
  --pg-brown-faint: rgba(92, 63, 36, 0.30);
  --pg-brown-hair:  rgba(92, 63, 36, 0.18);

  /* Accents */
  --pg-gold:        #b8924a;
  --pg-gold-2:      #8a6a28;
  --pg-burgundy:    #6d2418;
  --pg-burgundy-2:  #4a1810;
  --pg-forest:      #3a5a48;

  /* Shapes */
  --pg-shadow:      0 1px 0 rgba(92,63,36,.05),
                    0 14px 34px rgba(92,63,36,.10);
  --pg-shadow-lift: 0 2px 0 rgba(92,63,36,.06),
                    0 20px 44px rgba(92,63,36,.14);
  --pg-radius:      4px;
}

/* ============================================================
   GROUND
   ============================================================ */
html{ background: var(--pg-bg); }
body{
  background-color: var(--pg-bg);
  background-image:
    radial-gradient(1100px 560px at 8% -10%,
      rgba(184,146,74,.10), transparent 62%),
    radial-gradient(900px 520px at 96% 108%,
      rgba(109,36,24,.05), transparent 64%),
    radial-gradient(1400px 900px at 50% 50%,
      rgba(255,255,255,.30), transparent 70%),
    repeating-linear-gradient(0deg,
      rgba(92,63,36,.012) 0 1px, transparent 1px 4px);
  color: var(--pg-ink);
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino,
               Georgia, "Times New Roman", serif;
  font-size: 17.5px;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ============================================================
   HEADER — warm parchment, hairline brown base
   ============================================================ */
.site-header{
  background:
    linear-gradient(180deg,
      rgba(248, 240, 220, 0.94) 0%,
      rgba(240, 227, 200, 0.94) 100%);
  -webkit-backdrop-filter: blur(14px) saturate(1.10);
  backdrop-filter: blur(14px) saturate(1.10);
  border-bottom: 1px solid var(--pg-brown-faint);
  box-shadow:
    inset 0 -1px 0 rgba(255,255,255,.35),
    0 1px 0 rgba(92,63,36,.06),
    0 8px 22px rgba(92,63,36,.08);
  position: relative;
}
.site-header::after{
  /* subtle dashed rivet line under the header */
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -4px;
  height: 1px;
  background-image:
    repeating-linear-gradient(90deg,
      var(--pg-brown-faint) 0 6px,
      transparent 6px 14px);
  opacity: .55;
}

.brand-title{
  color: var(--pg-ink);
  letter-spacing: .18em;
  text-shadow: none;
}
.brand-sub{
  color: var(--pg-gold-2);
  letter-spacing: .24em;
}
.brand-logo{ filter: drop-shadow(0 1px 2px rgba(92,63,36,.18)); }

.site-nav a{
  color: var(--pg-ink-2);
  border: 1px solid transparent;
  transition: background .15s ease, color .15s ease,
              border-color .15s ease, box-shadow .15s ease;
}
.site-nav a:hover{
  background: rgba(255, 252, 244, 0.75);
  border-color: var(--pg-brown-faint);
  color: var(--pg-burgundy);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}
.site-nav a.active{
  background: rgba(255, 252, 244, 0.92);
  border-color: var(--pg-brown);
  color: var(--pg-burgundy);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 1px 0 rgba(92,63,36,.05);
}
.site-nav a.kjv-link{
  color: var(--pg-gold-2);
  border-color: var(--pg-brown-faint);
}
.site-nav a.kjv-link:hover,
.site-nav a.kjv-link.active{
  background: rgba(255, 249, 233, 0.9);
  color: var(--pg-burgundy);
  border-color: var(--pg-gold);
}

/* ============================================================
   HERO — soft vellum, not dark iron
   ============================================================ */
.hero{
  background:
    radial-gradient(ellipse at 50% 10%,
      rgba(184,146,74,.14) 0%, transparent 60%),
    linear-gradient(180deg,
      #f7ecd2 0%, #ecdcb9 100%);
  border-top: 1px solid var(--pg-brown-hair);
  border-bottom: 1px solid var(--pg-brown-faint);
  color: var(--pg-ink);
}
.hero::before{
  /* emblem watermark */
  opacity: .10;
  filter: sepia(1) saturate(.5) drop-shadow(0 0 20px rgba(184,146,74,.35));
}
.hero::after{
  background:
    radial-gradient(ellipse at 50% 22%,
      rgba(255,255,255,.35), transparent 66%),
    linear-gradient(180deg,
      rgba(92,63,36,.03) 0%,
      transparent 34%,
      rgba(92,63,36,.06) 100%);
}
.hero-title{
  color: var(--pg-burgundy);
  text-shadow:
    0 1px 0 rgba(255,255,255,.55),
    0 0 24px rgba(184,146,74,.20);
  font-weight: 800;
  letter-spacing: .01em;
}
.hero-lead{
  color: var(--pg-ink-2);
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  font-weight: 500;
}
.hero-kicker{
  color: var(--pg-gold-2);
  font-weight: 800;
}
.crumbs, .crumbs a{ color: var(--pg-ink-3); }
.crumbs a:hover{ color: var(--pg-burgundy); }
.crumbs [aria-current]{ color: var(--pg-gold-2); }

/* ============================================================
   HEADINGS ON THE GROUND
   ============================================================ */
h1, h2, h3, h4{ color: var(--pg-burgundy); }

.section > h2{
  color: var(--pg-burgundy);
  border-bottom: 1px solid var(--pg-brown-faint);
  padding-bottom: .75rem;
}
.section > h2::after{
  height: 2px;
  width: 88px;
  background: linear-gradient(90deg,
    var(--pg-gold) 0%, var(--pg-burgundy) 100%);
  box-shadow: none;
}
.section > h3{ color: var(--pg-burgundy-2); }
.section > h4{ color: var(--pg-ink); }

/* A subtle dashed separator that can be inserted between sections */
.pg-rule{
  height: 1px;
  margin: 2rem auto;
  background-image:
    repeating-linear-gradient(90deg,
      var(--pg-brown-faint) 0 5px,
      transparent 5px 13px);
  border: none;
  max-width: 420px;
}

/* ============================================================
   GLASS PANELS
   Applied to .card, .section-toc, .chart-wrap, .resource-card,
   .church-locator, .housekeeping-panel, .for-fathers, and
   every "content" container on the site.
   ============================================================ */
.card,
.section-toc,
.chart-wrap,
.resource-card,
.church-locator,
.housekeeping-panel,
.library-notice,
.for-fathers,
.tribute-block,
.map-figure,
.profile-header{
  background: var(--pg-glass);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
  backdrop-filter: blur(14px) saturate(1.08);
  border: 1px solid var(--pg-brown-faint);
  border-radius: var(--pg-radius);
  box-shadow:
    inset 0 1px 0 var(--pg-glass-edge),
    0 1px 0 rgba(92,63,36,.05),
    0 14px 34px rgba(92,63,36,.10);
  color: var(--pg-ink);
}
.card::before,
.section-toc::before,
.housekeeping-panel::before,
.library-notice::before,
.for-fathers::before{
  /* disable previous rivet dots — this theme uses hairlines */
  display: none;
}
.card:hover,
.section-toc:hover,
.resource-card:hover,
.church-locator:hover{
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 2px 0 rgba(92,63,36,.06),
    0 20px 44px rgba(92,63,36,.14);
  border-color: var(--pg-brown);
}

/* Card top accent — a delicate brown dash, not a heavy bar */
.card{
  border-top: 1px solid var(--pg-brown-faint);
  position: relative;
}
.card::after{
  content: "";
  position: absolute;
  left: 1.1rem; top: -1px;
  width: 44px; height: 1px;
  background: var(--pg-gold);
}
.card:hover::after{ width: 88px; transition: width .2s ease; }
.card h3{ color: var(--pg-burgundy); }
.card h3 a{ color: var(--pg-burgundy); }
.card h3 a:hover{ color: var(--pg-gold-2); }
.card p{ color: var(--pg-ink-2); font-size: 1rem; }
.card .card-meta{
  color: var(--pg-ink-3);
  border-top: 1px dashed var(--pg-brown-faint);
  padding-top: .55rem;
  margin-top: auto;
}

/* Section TOC — glass over parchment */
.section-toc{
  background:
    linear-gradient(180deg,
      rgba(253,248,236,.72) 0%,
      rgba(246,236,214,.66) 100%);
  border-left: 2px solid var(--pg-gold);
}
.section-toc h2,
.section-toc .toc-kicker{ color: var(--pg-burgundy); }
.section-toc h2::after{
  height: 2px;
  background: linear-gradient(90deg,
    var(--pg-gold) 0%, var(--pg-burgundy) 100%);
}
.section-toc .listing a{
  background: rgba(255, 252, 244, 0.65);
  border: 1px solid var(--pg-brown-hair);
  border-left: 2px solid var(--pg-gold);
  color: var(--pg-ink-2);
}
.section-toc .listing a:hover{
  background: rgba(255, 252, 244, 0.95);
  border-left-color: var(--pg-burgundy);
  color: var(--pg-burgundy);
  transform: translateX(2px);
}

/* ============================================================
   SCRIPTURE BOXES — parchment card with brown dashes
   ============================================================ */
.scripture blockquote,
.scripture-inline,
.pull-scripture,
.stat-scripture{
  background:
    linear-gradient(180deg,
      rgba(255,251,241,.92) 0%,
      rgba(247,236,214,.88) 100%);
  border: 1px solid var(--pg-brown-faint);
  border-left: 3px solid var(--pg-gold);
  color: var(--pg-ink);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 1px 0 rgba(92,63,36,.05),
    0 10px 26px rgba(92,63,36,.08);
}
.scripture blockquote::before,
.scripture-inline::before{
  color: var(--pg-gold);
  opacity: .55;
}
.scripture blockquote p,
.scripture-inline p,
.pull-scripture p,
.stat-scripture p{
  color: var(--pg-ink);
  font-weight: 500;
}
.scripture cite,
.scripture-inline cite{
  color: var(--pg-burgundy);
  font-weight: 800;
}

/* ============================================================
   "DARK" QUOTE BOXES — now light glass with dashed accents
   wisdom-quote, pull-thinker, pull-stat, truth-callout
   ============================================================ */
.wisdom-quote,
.pull-thinker,
.pull-stat,
.truth-callout{
  background:
    linear-gradient(180deg,
      rgba(253,248,236,.78) 0%,
      rgba(240,227,200,.72) 100%);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
  backdrop-filter: blur(14px) saturate(1.06);
  color: var(--pg-ink);
  border: 1px solid var(--pg-brown-faint);
  border-left: 3px dashed var(--pg-burgundy);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 1px 0 rgba(92,63,36,.05),
    0 12px 30px rgba(92,63,36,.10);
}
.wisdom-quote p,
.pull-thinker p,
.pull-stat p,
.truth-callout p{
  color: var(--pg-ink);
  font-weight: 500;
}
.wisdom-quote cite,
.pull-thinker cite{
  color: var(--pg-burgundy);
  font-weight: 800;
}
.wisdom-quote::before{
  color: var(--pg-gold);
  opacity: .6;
}
.truth-callout h3{
  color: var(--pg-burgundy);
  border-bottom: 1px dashed var(--pg-brown-faint);
  padding-bottom: .5rem;
  margin-bottom: .9rem;
}

/* Named quote variants — soften each */
.wisdom-quote.prager-quote{ border-left-color: #8a4712; }
.wisdom-quote.peterson-quote{ border-left-color: var(--pg-brown); }
.wisdom-quote.barron-quote{ border-left-color: #4a5c7a; }
.wisdom-quote.philosopher-quote{ border-left-color: #6b4f2c; }
.wisdom-quote.rousseau-quote{ border-left-color: #8a6a3a; }
.wisdom-quote.marx-quote{ border-left-color: #8a2c2c; }
.wisdom-quote.nietzsche-quote{ border-left-color: #4a3a2a; }
.wisdom-quote.darwin-quote{ border-left-color: var(--pg-forest); }
.wisdom-quote.freud-quote{ border-left-color: #4a5c7a; }

/* ============================================================
   STAT CARDS — light glass, brown hairline
   ============================================================ */
.stat-card{
  background:
    linear-gradient(180deg,
      rgba(255,251,241,.88) 0%,
      rgba(243,231,204,.82) 100%);
  border: 1px solid var(--pg-brown-faint);
  border-top: 2px solid var(--pg-gold);
  color: var(--pg-ink);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 1px 0 rgba(92,63,36,.05),
    0 10px 24px rgba(92,63,36,.08);
}
.stat-value{ color: var(--pg-burgundy); }
.stat-label{ color: var(--pg-ink-2); }
.stat-note{ color: var(--pg-ink-3); }
.stat-source{ color: var(--pg-gold-2); }

/* ============================================================
   BUTTONS — glass with brown outline
   ============================================================ */
.btn, button.btn{
  font-family: ui-sans-serif, system-ui, -apple-system,
               "Segoe UI", sans-serif;
  letter-spacing: .18em;
  border-radius: 3px;
  background: rgba(255, 252, 244, 0.55);
  -webkit-backdrop-filter: blur(8px) saturate(1.05);
  backdrop-filter: blur(8px) saturate(1.05);
  border: 1px solid var(--pg-brown-faint);
  color: var(--pg-ink-2);
  text-shadow: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 1px 0 rgba(92,63,36,.05);
  transition: background .15s ease, border-color .15s ease,
              color .15s ease, transform .1s ease,
              box-shadow .15s ease;
}
.btn:hover, button.btn:hover{
  background: rgba(255, 252, 244, 0.9);
  border-color: var(--pg-brown);
  color: var(--pg-burgundy);
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 3px 10px rgba(92,63,36,.10);
}
.btn-primary{
  background: linear-gradient(180deg,
    rgba(253,240,210,.95) 0%,
    rgba(240,220,176,.9) 100%);
  border-color: var(--pg-gold);
  color: var(--pg-burgundy);
  font-weight: 800;
}
.btn-primary:hover{
  background: linear-gradient(180deg,
    rgba(255,246,220,.98) 0%,
    rgba(246,226,180,.95) 100%);
  border-color: var(--pg-burgundy);
  color: var(--pg-burgundy-2);
}

/* ============================================================
   TABLES — glass with hairlines and dashes
   ============================================================ */
.compare-table{
  background: var(--pg-glass-2);
  border: 1px solid var(--pg-brown-faint);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 12px 28px rgba(92,63,36,.08);
}
.compare-table th,
.compare-table td{
  color: var(--pg-ink);
  border-bottom: 1px dashed var(--pg-brown-hair);
}
.compare-table thead th{
  background: linear-gradient(180deg,
    rgba(246,232,200,.9) 0%,
    rgba(236,220,182,.88) 100%);
  color: var(--pg-burgundy);
  font-weight: 800;
  letter-spacing: .14em;
  border-bottom: 1px solid var(--pg-brown-faint);
}
.compare-table tbody th{ color: var(--pg-ink); }

/* ============================================================
   LINKS
   ============================================================ */
a{ color: var(--pg-burgundy); }
a:hover{ color: var(--pg-gold-2); }
.prose a{
  color: var(--pg-burgundy);
  border-bottom: 1px dotted var(--pg-brown-faint);
  text-decoration: none;
}
.prose a:hover{ border-bottom-color: var(--pg-gold); }

/* ============================================================
   FOOTER — parchment, not iron
   ============================================================ */
.site-footer{
  background:
    linear-gradient(180deg,
      rgba(240,227,200,.94) 0%,
      rgba(228,213,178,.94) 100%);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-top: 1px solid var(--pg-brown-faint);
  color: var(--pg-ink-2);
  position: relative;
}
.site-footer::before{
  content: "";
  position: absolute;
  left: 0; right: 0; top: -4px;
  height: 1px;
  background-image:
    repeating-linear-gradient(90deg,
      var(--pg-brown-faint) 0 6px,
      transparent 6px 14px);
  opacity: .6;
}
.footer-title{ color: var(--pg-burgundy); }
.footer-nav a{ color: var(--pg-ink-2); }
.footer-nav a:hover{
  background: rgba(255,252,244,.7);
  color: var(--pg-burgundy);
}
.footer-note{ color: var(--pg-ink-3); }
.footer-rule{ background: var(--pg-gold); }

/* ============================================================
   READER — parchment & glass
   ============================================================ */
body[data-reader="true"]{
  background-color: var(--pg-bg);
  background-image:
    radial-gradient(1100px 560px at 8% -10%,
      rgba(184,146,74,.10), transparent 62%),
    radial-gradient(900px 520px at 96% 108%,
      rgba(109,36,24,.05), transparent 64%),
    radial-gradient(1400px 900px at 50% 50%,
      rgba(255,255,255,.30), transparent 70%),
    repeating-linear-gradient(0deg,
      rgba(92,63,36,.012) 0 1px, transparent 1px 4px);
  color: var(--pg-ink);
}
body[data-reader="true"] h1,
body[data-reader="true"] h2,
body[data-reader="true"] h3,
body[data-reader="true"] h4{ color: var(--pg-burgundy); }

body[data-reader="true"] .site-header{
  background:
    linear-gradient(180deg,
      rgba(248, 240, 220, 0.94) 0%,
      rgba(240, 227, 200, 0.94) 100%);
  border-bottom: 1px solid var(--pg-brown-faint);
  box-shadow:
    inset 0 -1px 0 rgba(255,255,255,.35),
    0 1px 0 rgba(92,63,36,.06),
    0 8px 22px rgba(92,63,36,.08);
}
body[data-reader="true"] .brand-title{ color: var(--pg-ink); }
body[data-reader="true"] .brand-sub{ color: var(--pg-gold-2); }
body[data-reader="true"] .site-nav a{ color: var(--pg-ink-2); }
body[data-reader="true"] .site-nav a.active{
  background: rgba(255, 252, 244, 0.92);
  border-color: var(--pg-brown);
  color: var(--pg-burgundy);
}

/* Toolbar — frosted glass */
.rdr-toolbar{
  background:
    linear-gradient(180deg,
      rgba(253,248,236,.72) 0%,
      rgba(240,227,200,.72) 100%);
  -webkit-backdrop-filter: blur(16px) saturate(1.10);
  backdrop-filter: blur(16px) saturate(1.10);
  border-bottom: 1px solid var(--pg-brown-faint);
  box-shadow:
    inset 0 -1px 0 rgba(255,255,255,.4),
    0 4px 14px rgba(92,63,36,.08);
}
.rdr-toolbar__label{ color: var(--pg-gold-2); }
.rdr-select, .rdr-input, .rdr-btn{
  background: rgba(255, 252, 244, 0.7);
  border: 1px solid var(--pg-brown-faint);
  color: var(--pg-ink);
}
.rdr-select:focus, .rdr-input:focus, .rdr-btn:focus{
  border-color: var(--pg-gold);
  box-shadow: 0 0 0 3px rgba(184,146,74,.22);
}
.rdr-btn:hover{
  background: rgba(255, 252, 244, 0.95);
  border-color: var(--pg-brown);
  color: var(--pg-burgundy);
}
.rdr-btn--primary{
  background:
    linear-gradient(180deg,
      rgba(253,240,210,.95) 0%,
      rgba(240,220,176,.9) 100%);
  color: var(--pg-burgundy);
  border-color: var(--pg-gold);
  font-weight: 800;
}
.rdr-btn--primary:hover{
  background:
    linear-gradient(180deg,
      rgba(255,246,220,.98) 0%,
      rgba(246,226,180,.95) 100%);
  border-color: var(--pg-burgundy);
}

/* Reader rails — glass cards */
.rdr-rail{
  color: var(--pg-ink-2);
}
.rdr-rail__head{
  color: var(--pg-gold-2);
  border-bottom: 1px dashed var(--pg-brown-faint);
  padding-bottom: .35rem;
}
.rdr-rail__card{
  background: var(--pg-glass);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
  backdrop-filter: blur(14px) saturate(1.06);
  border: 1px solid var(--pg-brown-faint);
  border-left: 2px solid var(--pg-gold);
  color: var(--pg-ink-2);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 1px 0 rgba(92,63,36,.05),
    0 10px 24px rgba(92,63,36,.08);
}
.rdr-rail__card h3{ color: var(--pg-burgundy); }
.rdr-rail__card--fact{ border-left-color: var(--pg-forest); }
.rdr-rail__card--fact::before{ color: var(--pg-forest); }

/* Book list */
.rdr-book-list a{
  color: var(--pg-ink-2);
  border-left: 2px solid transparent;
}
.rdr-book-list a:hover{
  background: rgba(255,252,244,.65);
  color: var(--pg-burgundy);
  border-left-color: var(--pg-gold);
}
.rdr-book-list a.active{
  background: rgba(255,252,244,.9);
  color: var(--pg-burgundy-2);
  border-left-color: var(--pg-burgundy);
  font-weight: 700;
}
.rdr-book-list__testament{
  color: var(--pg-gold-2);
}

/* Center: chapter head + text */
.rdr-chapter-head{
  border-bottom: 1px dashed var(--pg-brown-faint);
}
.rdr-chapter-head::after{
  color: var(--pg-gold);
  background: transparent;
}
.rdr-chapter-head__kicker{ color: var(--pg-gold-2); }
.rdr-chapter-head h1{ color: var(--pg-burgundy); }
.rdr-chapter-head__sub{ color: var(--pg-ink-3); }
.rdr-text{
  color: var(--pg-ink);
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino,
               Georgia, "Times New Roman", serif;
}
.rdr-verse:hover{ background: rgba(184,146,74,.10); }
.rdr-verse.is-active{
  background: rgba(184,146,74,.16);
  box-shadow: inset 0 -2px 0 var(--pg-gold);
}
.rdr-verse__num{ color: var(--pg-gold-2); }
.rdr-verse__num:hover{ color: var(--pg-burgundy); }
.rdr-chap-nav{ border-top: 1px dashed var(--pg-brown-faint); }

/* Context tabs */
.rdr-context-tabs{
  border-bottom: 1px dashed var(--pg-brown-faint);
}
.rdr-context-tabs button{
  color: var(--pg-ink-3);
}
.rdr-context-tabs button:hover{
  background: rgba(255,252,244,.6);
  color: var(--pg-burgundy);
}
.rdr-context-tabs button.is-active{
  background: rgba(255,252,244,.9);
  border-color: var(--pg-brown-faint);
  border-bottom-color: transparent;
  color: var(--pg-burgundy);
  box-shadow: inset 0 -2px 0 var(--pg-burgundy);
}
.rdr-context-panel h3{
  color: var(--pg-burgundy);
  border-bottom: 1px dashed var(--pg-brown-faint);
}
.rdr-context-panel p,
.rdr-context-panel li{ color: var(--pg-ink-2); }

/* Hard sayings + debates */
.rdr-hard{
  background:
    linear-gradient(180deg,
      rgba(255,251,241,.85) 0%,
      rgba(247,236,214,.80) 100%);
  border: 1px solid var(--pg-brown-faint);
  border-left: 3px dashed var(--pg-burgundy);
}
.rdr-hard__label{ color: var(--pg-burgundy); }
.rdr-hard h3{ color: var(--pg-burgundy); }
.rdr-debate{
  background: var(--pg-glass);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid var(--pg-brown-faint);
}
.rdr-debate__label{ color: var(--pg-forest); }
.rdr-debate h3{ color: var(--pg-burgundy); }
.rdr-debate__position{
  background: rgba(184,146,74,.06);
  border-left: 2px solid var(--pg-gold);
}
.rdr-debate__position strong{ color: var(--pg-burgundy); }
.rdr-sources{
  background: rgba(184,146,74,.06);
  border-left: 2px solid var(--pg-gold);
  color: var(--pg-ink-3);
}
.rdr-sources__label{ color: var(--pg-gold-2); }

/* Term popovers */
.rdr-term{ border-bottom: 1px dotted var(--pg-gold); }
.rdr-term__card{
  background: rgba(253,248,236,.96);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border: 1px solid var(--pg-brown-faint);
  border-left: 3px solid var(--pg-burgundy);
  color: var(--pg-ink-2);
  box-shadow: 0 18px 44px rgba(92,63,36,.20);
}
.rdr-term__card strong{ color: var(--pg-burgundy); }
.rdr-term__card a{
  color: var(--pg-burgundy);
  border-bottom: 1px solid var(--pg-gold);
}

/* Cross-reference popovers */
.rdr-xref-pop{
  background: rgba(253,248,236,.96);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border: 1px solid var(--pg-brown-faint);
  border-left: 3px solid var(--pg-gold);
  color: var(--pg-ink-2);
  box-shadow: 0 18px 44px rgba(92,63,36,.20);
}
.rdr-xref-pop h4{ color: var(--pg-burgundy); }
.rdr-xref-pop li{ border-bottom: 1px dashed var(--pg-brown-faint); }
.rdr-xref-pop a{ color: var(--pg-burgundy); }

/* Notes */
.rdr-notes__item{
  background: var(--pg-glass-2);
  border: 1px solid var(--pg-brown-faint);
  border-left: 2px solid var(--pg-gold);
  color: var(--pg-ink-2);
}
.rdr-notes__item header{ color: var(--pg-gold-2); }

/* Reading plan cards */
.rdr-plan-card{
  background: var(--pg-glass);
  border: 1px solid var(--pg-brown-faint);
  border-left: 2px solid var(--pg-gold);
}
.rdr-plan-card:hover{
  box-shadow: var(--pg-shadow);
  border-left-color: var(--pg-burgundy);
}
.rdr-plan-card h4{ color: var(--pg-burgundy); }
.rdr-plan-card p{ color: var(--pg-ink-3); }

/* Mobile tab strip */
.rdr-mobile-tabs{
  background: rgba(240,227,200,.85);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--pg-brown-faint);
}
.rdr-mobile-tabs button{
  background: rgba(255,252,244,.7);
  border: 1px solid var(--pg-brown-faint);
  color: var(--pg-ink-2);
}
.rdr-mobile-tabs button.is-active{
  background: rgba(253,240,210,.95);
  color: var(--pg-burgundy);
  border-color: var(--pg-gold);
  font-weight: 800;
}

/* ============================================================
   SCROLLBAR — slim brown hairline
   ============================================================ */
@media (hover:hover) and (pointer:fine){
  ::-webkit-scrollbar{ width: 10px; height: 10px; }
  ::-webkit-scrollbar-track{ background: rgba(184,146,74,.06); }
  ::-webkit-scrollbar-thumb{
    background: rgba(92,63,36,.28);
    border-radius: 6px;
    border: 2px solid transparent;
    background-clip: content-box;
  }
  ::-webkit-scrollbar-thumb:hover{
    background: rgba(92,63,36,.45);
    background-clip: content-box;
  }
}

/* ============================================================
   GLASS FALLBACK — no backdrop-filter support
   ============================================================ */
@supports not ((backdrop-filter: blur(1px)) or
               (-webkit-backdrop-filter: blur(1px))){
  .card,
  .section-toc,
  .chart-wrap,
  .resource-card,
  .church-locator,
  .housekeeping-panel,
  .library-notice,
  .for-fathers,
  .tribute-block,
  .wisdom-quote,
  .pull-thinker,
  .pull-stat,
  .truth-callout,
  .rdr-toolbar,
  .rdr-rail__card,
  .rdr-debate,
  .rdr-term__card,
  .rdr-xref-pop,
  .site-header,
  .site-footer{
    background: rgba(251, 244, 226, 0.94);
  }
}

/* ============================================================
   MOBILE — lighter blur, solid fallback under 700px
   ============================================================ */
@media (max-width: 900px){
  body{ font-size: 17px; }
  .site-header,
  .rdr-toolbar{
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
    backdrop-filter: blur(10px) saturate(1.05);
  }
  .card,
  .section-toc,
  .resource-card,
  .rdr-rail__card,
  .rdr-debate{
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
    backdrop-filter: blur(10px) saturate(1.05);
  }
}

/* On small phones, drop the blur entirely — perf and readability */
@media (max-width: 640px){
  .card,
  .section-toc,
  .chart-wrap,
  .resource-card,
  .church-locator,
  .housekeeping-panel,
  .library-notice,
  .for-fathers,
  .tribute-block,
  .wisdom-quote,
  .pull-thinker,
  .pull-stat,
  .truth-callout,
  .rdr-rail__card,
  .rdr-debate,
  .rdr-term__card,
  .rdr-xref-pop,
  .rdr-toolbar,
  .site-header,
  .site-footer{
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: rgba(251, 244, 226, 0.96);
  }
  body{ font-size: 17px; }
}

/* Reduced motion — keep glass but never animate the lift */
@media (prefers-reduced-motion: reduce){
  .card:hover,
  .section-toc:hover,
  .resource-card:hover,
  .church-locator:hover,
  .btn:hover{
    transform: none;
  }
}

/* ============================================================
   KILL THE OLD DARK REMAINS
   These explicitly override leftover rules from the prior theme.
   ============================================================ */
.hero .hero-title,
.hero .hero-lead,
.hero .hero-kicker{ color: inherit; }
.hero .hero-title{ color: var(--pg-burgundy); }
.hero .hero-lead{ color: var(--pg-ink-2); }
.hero .hero-kicker{ color: var(--pg-gold-2); }

/* Never let an old dark background leak through */
.wisdom-quote,
.pull-thinker,
.pull-stat,
.truth-callout,
.stat-card{
  background-color: transparent;
  background-image: none;
}
.wisdom-quote{
  background-image: linear-gradient(180deg,
    rgba(253,248,236,.78) 0%,
    rgba(240,227,200,.72) 100%);
}
.pull-thinker,
.pull-stat,
.truth-callout{
  background-image: linear-gradient(180deg,
    rgba(253,248,236,.82) 0%,
    rgba(238,224,195,.76) 100%);
}
.stat-card{
  background-image: linear-gradient(180deg,
    rgba(255,251,241,.88) 0%,
    rgba(243,231,204,.82) 100%);
}

/* Section headings that lived on the dark ground — rebind to light */
.section > h2{
  color: var(--pg-burgundy);
  text-shadow: none;
}
.section > h3{ color: var(--pg-burgundy-2); }
.section > .prose p,
.section > .prose li,
.section > p,
.section > .lede{
  color: var(--pg-ink-2);
}
.lede{ color: var(--pg-ink); }