.religion-page {
 color-scheme:dark;
 --bg:#070b15; --bg-elev:#0f1727; --ink:#e7eef7; --ink-soft:#bac7da; --ink-muted:#7e90ad;
 --line:#27364e; --line-soft:#18263b; --accent:#c5ccff; --link:#b8c5d8; --link-hover:var(--accent); --ochre:#d8b973;
 --title-link:var(--ink); --title-link-hover:var(--link-hover);
 --portal-violet:#c4a7e7; --portal-gold:var(--ochre); background:var(--bg);
}
.religion-reading-room[hidden] {display:none;}
.religion-page .site-header {background:color-mix(in srgb,var(--bg) 91%,transparent); border-bottom-color:color-mix(in srgb,var(--portal-violet) 18%,var(--line)); backdrop-filter:blur(12px);}
#religion-cosmos {position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; opacity:0; transition:opacity 1.4s ease;}
.religion-page[data-entered="true"] #religion-cosmos {opacity:1;}
.religion-reading-room {position:relative; z-index:1;}
.notebook-page main > section {transition:opacity .4s ease;}
.religion-page main.container {background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg) 68%,transparent) 14%,color-mix(in srgb,var(--bg) 42%,transparent) 70%,transparent);}
.religion-heading .collection-title {color:var(--ink);}
.religion-page .religion-heading {color:#c4d5ff;}
.religion-page .religion-heading .collection-title {color:inherit;}
.religion-reading-room h1[tabindex="-1"]:focus {outline:none;}
.religion-page .series-posts {position:relative; background:transparent; border-color:color-mix(in srgb,var(--portal-violet) 22%,var(--line)); border-radius:3px;}
.religion-page .series-posts::before,.religion-page .series-posts::after {content:""; position:absolute; width:13px; height:13px; pointer-events:none; border-color:color-mix(in srgb,var(--portal-violet) 52%,transparent); border-style:solid;}
.religion-page .series-posts::before {top:-1px; left:-1px; border-width:1px 0 0 1px;}
.religion-page .series-posts::after {right:-1px; bottom:-1px; border-width:0 1px 1px 0;}
.religion-page .blog-search {background:color-mix(in srgb,var(--bg) 74%,transparent); border-color:var(--line); backdrop-filter:blur(5px);}
.religion-page .filter-chip {background:color-mix(in srgb,var(--bg-elev) 75%,transparent);}
.religion-page .filter-chip.active {background:var(--ink); color:var(--bg);}
.religion-page .section-head {border-color:var(--line);}
.religion-page .post-list-main,.religion-page .series-header,.religion-page .post-body {position:relative; text-shadow:0 1px 6px var(--bg);}
.religion-gate {width:min(580px,calc(100vw - 40px)); max-height:calc(100dvh - 48px); overflow-y:auto; margin:auto; padding:2.5rem 2.6rem 1.6rem; color:var(--ink-soft); background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--portal-violet) 9%,var(--bg)),var(--bg) 68%); border:1px solid color-mix(in srgb,var(--portal-violet) 25%,var(--line)); border-radius:13px; box-shadow:0 30px 100px rgba(0,0,0,.5); font:400 .89rem/1.8 var(--sans); opacity:1; transform:translateY(0); transition:opacity .4s ease,transform .4s ease;}
.religion-gate {--bg:#141312; --ink:#ecebe6; --ink-soft:#c7c3bb; --ink-muted:#8a857b; --line:#2a2724; --ochre:#c8a450; --portal-violet:#c4a7e7; color-scheme:dark;}
.religion-gate::backdrop {background:rgba(9,8,11,.58); backdrop-filter:blur(5px);}
.religion-gate[data-leaving="true"] {opacity:0; transform:translateY(-10px);}
.religion-gate h1 {font-family:var(--serif); font-size:clamp(1.1rem,4.4vw,2.15rem); font-weight:400; line-height:1.13; color:#c4d5ff; white-space:nowrap; margin:0 0 1.5rem;}
.religion-gate h1 .collection-title {color:inherit;}
.threshold-eyebrow {font:400 .64rem/1.5 var(--mono); text-transform:uppercase; letter-spacing:.17em; color:var(--ink-muted); margin-bottom:1.1rem;}
.threshold-warning {display:flex; align-items:flex-start; gap:.55rem; margin:0 0 .9rem; color:var(--ochre); font:600 .79rem/1.6 var(--sans); letter-spacing:0;}
.threshold-warning svg {width:1.05rem; height:1.05rem; flex:none; margin-top:.08rem;}
.threshold-highlight {background:none; color:var(--ochre); font-weight:600;}
.threshold-actions {display:flex; align-items:center; flex-wrap:wrap; gap:1rem 1.3rem; margin-top:1.6rem;}
.threshold-actions button {font:500 .8rem/1.5 var(--sans); padding:.65rem 1rem; border:1px solid color-mix(in srgb,var(--portal-violet) 45%,var(--line)); border-radius:5px; background:color-mix(in srgb,var(--portal-violet) 12%,var(--bg)); color:var(--ink); cursor:pointer;}
.threshold-actions button:hover {background:color-mix(in srgb,var(--portal-violet) 20%,var(--bg));}
.threshold-actions button:disabled {opacity:.45; cursor:not-allowed;}
#religion-enter {min-width:7rem; font-weight:600; background:var(--ochre); border-color:var(--ochre); color:var(--bg);}
#religion-enter:enabled:hover {background:color-mix(in srgb,var(--ochre) 80%,white); border-color:color-mix(in srgb,var(--ochre) 80%,white);}
.threshold-actions .threshold-cancel:hover {color:var(--ink); background:rgba(255,255,255,.04);}
.threshold-actions .threshold-cancel {color:var(--ink-muted); background:none; border-color:transparent;}
.threshold-confirm-label {display:block; font-size:.75rem; margin-top:1.4rem; margin-bottom:.4rem;}
.threshold-confirm {display:block; width:100%; padding:.65rem .8rem; font:400 .85rem/1.5 var(--sans); color:var(--ink); background:rgba(255,255,255,.025); border:1px solid var(--line); border-radius:4px;}
.threshold-confirm:focus {outline:1px solid var(--portal-violet); outline-offset:2px;}
.threshold-actions button:focus-visible,.cosmos-toggle:focus-visible {outline:2px solid var(--portal-violet); outline-offset:4px;}
.threshold-actions a {font-size:.73rem; background:none;}
.threshold-session {font-size:.65rem; line-height:1.6; color:var(--ink-muted); margin:1.25rem 0 0;}
.threshold-noscript {max-width:32rem; margin:4rem auto; padding:1.5rem;}
.cosmos-toggle {position:fixed; right:1.1rem; bottom:1.1rem; z-index:12; font:400 .66rem/1.4 var(--mono); color:var(--ink-muted); background:color-mix(in srgb,var(--bg) 90%,transparent); border:1px solid var(--line); border-radius:4px; padding:.4rem .55rem; cursor:pointer;}
.cosmos-toggle[hidden] {display:none;}
.cosmos-toggle:hover {color:var(--ink);}
@media(max-width:600px){.religion-gate {padding:1.7rem 1.4rem 1.3rem;}.cosmos-toggle {right:.7rem;bottom:.7rem;}.religion-page main.container {background:color-mix(in srgb,var(--bg) 83%,transparent);}}
@media(prefers-reduced-motion:reduce){#religion-cosmos,.religion-gate {transition:none;}.religion-gate[data-leaving="true"]{transform:none;}}

@media(max-width:640px) {
 .religion-gate .threshold-confirm {font-size:1rem; min-height:2.75rem;}
 .religion-gate .threshold-actions button {min-height:2.75rem;}
}