/* ============================================================
   world-religions.css — world-religions's own styles, moved out of the <style>
   block that followed styles.css in world-religions.html.
   Linked from the same place in the page, so the order is unchanged.
   ============================================================ */

:root{
--wr-ink:#241a10;--wr-panel:#fbf8ef;--wr-panel-2:#f3ead8;--wr-line:#ddd0b4;
--wr-gold:#9a7a2e;--wr-muted:#655740;--wr-red:#8e3d32;--wr-green:#647b52;
--wr-blue:#657f96;--wr-violet:#756484;
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:radial-gradient(circle at 78% 6%,rgba(201,168,90,.08),transparent 36%),#f6f1e6;color:var(--wr-ink);font-family:var(--body);font-size:20px;line-height:1.5}
.world-religions-content a{color:var(--wr-gold);text-decoration:none}
.world-religions-content a:focus-visible{outline:2px solid var(--wr-gold);outline-offset:3px}
.hero{max-width:none;margin:0;padding:0 24px 48px;text-align:center;background:radial-gradient(ellipse at 50% 15%,rgba(201,168,90,.16),transparent 55%),linear-gradient(180deg,#26190e,#1a120b);border-bottom:1px solid rgba(201,168,90,.34)}
.hero .hero-inner{max-width:820px;margin:0 auto}
.hero .hero-emblem{display:block;width:auto;height:52px;margin:0 auto 25px;filter:drop-shadow(0 7px 18px rgba(201,168,90,.25))}
.hero h1{font-family:var(--display);font-size:clamp(28px,4.6vw,46px);font-weight:600;color:#f5ecd6;margin:15px 0 8px;letter-spacing:.05em}
.hero .epigraph{margin:28px auto 0;max-width:640px;padding:18px 26px;border-top:1px solid rgba(201,168,90,.3);border-bottom:1px solid rgba(201,168,90,.3)}
.section + .section{border-top:1px solid rgba(221,208,180,.72)}
.section h3{font-family:var(--display);font-size:16px;font-weight:600;color:var(--gold-deep);letter-spacing:.16em;text-transform:uppercase;margin:38px 0 14px}.section p:last-child{margin-bottom:0}
.doctrine-intro{max-width:900px;margin:42px auto 8px;padding:34px 38px;background:linear-gradient(135deg,rgba(251,248,239,.94),rgba(243,234,216,.78));border:1px solid var(--wr-line);box-shadow:0 18px 42px rgba(60,37,18,.08)}
.doctrine-panel{max-width:900px;background:rgba(251,248,239,.72);border:1px solid var(--wr-line);padding:38px 42px;margin-top:20px;margin-bottom:20px;box-shadow:0 18px 42px rgba(60,37,18,.07)}
blockquote{padding:16px 22px;border-left:2px solid var(--gold);background:rgba(251,248,239,.72);margin:22px 0;color:var(--espresso);font-family:var(--head);font-size:23px;font-style:italic;line-height:1.32}
.mark{position:relative;background:linear-gradient(145deg,rgba(251,248,239,.92),rgba(243,234,216,.7));border:1px solid var(--wr-line);padding:24px 24px 22px;box-shadow:0 10px 26px rgba(60,37,18,.05)}
.mark::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--wr-gold)}
.mark h4{font-family:var(--display);color:var(--gold-deep);font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.25;text-transform:uppercase;margin-bottom:8px}
.mark p{font-size:18px;line-height:1.38;margin:0;color:var(--ink)}
.matrix-wrap{overflow-x:auto;margin-top:22px;border:1px solid rgba(201,168,90,.42);background:linear-gradient(180deg,#2b1d11,#17100a);box-shadow:0 22px 50px rgba(45,28,14,.18)}
.matrix{width:100%;min-width:820px;border-collapse:collapse;font-size:16px;color:#ddd0b8}
.matrix th{font-family:var(--display);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#cbbd9f;padding:16px 13px;border-bottom:1px solid rgba(201,168,90,.34);text-align:center}
.matrix th:first-child{text-align:left;color:#f5ecd6}.matrix th.cath{color:#e4c575}
.matrix td{padding:13px;border-bottom:1px solid rgba(201,168,90,.18);text-align:center;line-height:1.35}.matrix td:first-child{text-align:left;color:#f4ead4}.matrix tr:last-child td{border-bottom:0}
.matrix .yes,.matrix-legend .yes{color:#e4c575;font-size:18px}.matrix .no,.matrix-legend .no{color:#cc6a5f;font-size:18px}.matrix .part,.matrix-legend .part{color:#a9bdd0;font-size:17px}
.matrix-legend{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:14px;font-family:var(--display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pcard{position:relative;background:rgba(251,248,239,.86);border:1px solid var(--wr-line);padding:24px 26px 24px 30px;transition:border-color .2s,box-shadow .2s,transform .2s}
.pcard::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--wr-gold)}
.abrahamic .pcard::before{background:var(--wr-gold)}.eastern .pcard::before{background:var(--wr-violet)}.derived .pcard::before{background:var(--wr-blue)}.unbelief .pcard::before{background:var(--wr-red)}
.pcard .order{font-family:var(--display);font-size:11px;font-weight:600;color:var(--gold-deep);letter-spacing:.18em;line-height:1.3;text-transform:uppercase}
.pcard .years{font-family:var(--head);font-size:19px;line-height:1.35;color:var(--gold-deep);margin-bottom:12px;font-style:italic}
.pcard p{font-size:18px;line-height:1.42;color:var(--ink);margin-bottom:13px}
.pcard p strong{font-family:var(--display);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;display:block;margin-bottom:4px}
.pcard .teach strong{color:var(--wr-blue)}.pcard .affirm strong{color:var(--wr-green)}.pcard .contra strong{color:var(--wr-red)}
.pcard .ref{font-size:10px;color:var(--gold-deep);font-family:var(--display);font-weight:600;letter-spacing:.15em;line-height:1.45;text-transform:uppercase}
.closing-meditation{max-width:900px;background:linear-gradient(135deg,#2b1d11,#17100a);color:#eee2ca;border:1px solid rgba(201,168,90,.38);padding:40px 42px;margin-top:20px;margin-bottom:48px;box-shadow:0 22px 48px rgba(45,28,14,.16)}.closing-meditation .kicker{color:var(--champagne)}
.closing-meditation blockquote{background:transparent;border-color:var(--gold);color:#f5ecd6;padding-top:8px;padding-bottom:8px}.closing-meditation blockquote cite{color:var(--champagne)}
.crosslinks a{display:block;background:rgba(251,248,239,.78);border:1px solid var(--wr-line);padding:16px 18px;color:var(--wr-ink);transition:border-color .2s,box-shadow .2s,transform .2s}
.crosslinks a:hover{border-color:var(--wr-gold);box-shadow:0 8px 22px rgba(60,37,18,.08);text-decoration:none;transform:translateY(-2px)}
.crosslinks a .cl-desc{display:block;font-size:18px;color:var(--ink);margin-top:7px;line-height:1.38}
@media(max-width:700px){
.doctrine-intro,.doctrine-panel,.closing-meditation{padding:28px 24px;margin-left:16px;margin-right:16px}
.gen-grid{grid-template-columns:1fr}.pcard,.pcard.feature{grid-column:auto;padding:22px 22px 22px 26px}
.matrix-wrap{margin-left:-8px;margin-right:-8px}.matrix-legend{align-items:flex-start;flex-direction:column}
}

/* ── Single-element styles, once written inline on the page ──
   Each class carries what one style="" attribute said. They sit last in
   the page's cascade, as the attributes did; where a rule elsewhere
   matched the same element more specifically, the class is doubled so it
   still wins, exactly as the attribute won. */
.u-mt-16.u-mt-16{margin-top:16px;}
.u-maxw-820{max-width:820px;}
.u-mt-12.u-mt-12{margin-top:12px;}
.u-fs-14-c-muted{font-size:14px;color:var(--muted);}