/* ============================================================
   reference-pages.css — rules the councils, early-church-fathers, heresies, mystical-body, our-lord-jesus-christ, patriarchs, world-religions pages
   all use, written once. Each page's <style> block used to carry
   its own copy; a selector here that a page does not use simply
   matches nothing there. The page's own rules are in its own sheet,
   linked straight after this one.
   ============================================================ */

*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

.councils-content a:hover,
.fathers-content a:hover,
.heresies-content a:hover,
.mystical-content a:hover,
.olj-content a:hover,
.patriarch-content a:hover,
.world-religions-content a:hover{text-decoration:underline}

.hero .eyebrow{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--champagne)}

.hero .subtitle{font-family:var(--head);font-size:20px;color:var(--muted-dark);font-style:italic}

.hero .epigraph p{font-family:var(--head);font-style:italic;font-size:19px;line-height:1.35;color:var(--muted-dark)}

.hero .epigraph cite{display:block;margin-top:9px;font-style:normal;font-size:10px;color:var(--champagne);font-family:var(--display);letter-spacing:.18em;text-transform:uppercase}

/* ============ SHARED LAYOUT ============ */
.section{max-width:820px;margin:0 auto;padding:48px 24px}

.section.wide{max-width:1100px}

.section h2{font-family:var(--display);font-size:clamp(25px,3vw,34px);font-weight:600;color:var(--gold-deep);letter-spacing:.05em;margin-bottom:8px}

.section .kicker{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}

.section p{margin:0 0 .85em}

.lede{font-size:20px;color:var(--ink)}

.smallnote{font-size:14px;color:var(--muted)}

.doctrine-intro .lede{font-family:var(--head);font-size:24px;line-height:1.42;color:var(--espresso)}

blockquote cite{display:block;margin-top:5px;font-style:normal;font-size:10px;color:var(--muted);font-family:var(--display);letter-spacing:.18em;text-transform:uppercase}

/* ============ MARKS GRID ============ */
.marks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:22px}

.chart-scale span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}

/* ============ COUNCIL CARDS ============ */
.gen-grid,
.namecards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:22px}

.pcard:hover{border-color:#c9a85a;box-shadow:0 10px 28px rgba(60,37,18,.09);transform:translateY(-2px)}

.pcard h4{font-family:var(--display);font-size:clamp(23px,2.5vw,29px);font-weight:600;color:var(--ink);letter-spacing:.05em;line-height:1.12;margin:8px 0 5px}

.pcard.feature{grid-column:1/-1}

/* ============ CROSS LINKS / FOOTER ============ */
.crosslinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px}

.crosslinks a .cl-title{font-family:var(--display);color:var(--gold-deep);font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.25;text-transform:uppercase}

.chart-bar.ante,
.chart-bar.post{background:linear-gradient(90deg,#74623e,#b99a58)}

/* ============ EDICT DIVIDER ============ */
.edict,
.deluge{max-width:820px;margin:10px auto;padding:34px 24px;text-align:center}

.closing-meditation h2{color:#f5ecd6}

.closing-meditation p{color:#ddd0b8}