:root{color-scheme:dark;--bg:#101027;--ink:#f7f5ff;--muted:#c7c7e6;--brand-purple:#a52ba9;--brand-cyan:#00aeef;--button-purple:#8b299c;--button-blue:#145b9e;--accent:#88deff;--accent-soft:#e3c6ff;--accent-border:#ad7bef78;--line:#b3b3ff33;--panel:#1a1b37;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.65 var(--sans)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.26em}button,input,select{font:inherit}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 3rem));margin-inline:auto}.skip{position:fixed;left:1rem;top:-6rem;z-index:20;background:#fff;color:#000;padding:1rem}.skip:focus{top:1rem}.top{position:sticky;top:0;z-index:10;background:#101027a8;backdrop-filter:blur(4px);border-bottom:1px solid var(--line)}.top .bar{display:flex;align-items:center;gap:1.3rem;min-height:76px}.brand{display:block;flex:none;width:173px}.brand img{width:100%}.top nav{margin-left:auto;display:flex;gap:clamp(.65rem,1.25vw,1.35rem);align-items:center}.top nav a{font-size:.84rem;text-decoration:none;color:#eeeaff;font-weight:640;white-space:nowrap}.top nav a:hover,.top nav [aria-current=page]{color:var(--accent)}.menu-button{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:46px;padding:.62rem 1.25rem;border-radius:99px;border:1px solid transparent;background:linear-gradient(108deg,var(--button-purple),var(--button-blue));color:#fff;text-decoration:none;font-size:.88rem;font-weight:760;line-height:1.3;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00aeef43}.btn.secondary[data-share-platform]{background:linear-gradient(120deg,#382058,#143456);border-color:#ad7bef75;color:#fff}.btn.small{padding:.5rem .85rem;min-height:40px}.top .give{margin-left:auto}.eyebrow{font-size:.72rem;font-weight:780;text-transform:uppercase;letter-spacing:.19em;color:var(--accent);margin:0 0 .8rem}.eyebrow::before{content:"✦";margin-right:.58em}.subtitle,.lead{color:#deddf7;max-width:65ch}.lead{font-size:clamp(1.05rem,1.8vw,1.28rem)}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.09;letter-spacing:-.035em;margin:.2em 0 .38em;text-wrap:balance}h1{font-size:clamp(2.75rem,6vw,6rem)}h2{font-size:clamp(2.15rem,4vw,4rem)}h3{font-size:clamp(1.35rem,2.4vw,2.05rem)}p{margin:.4em 0 1.05em}small,.muted{color:var(--muted)}.hero{position:relative;isolation:isolate;overflow:hidden;background:#171233}.hero>.scenic{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:58% 54%}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111128f9 2%,#171331ed 33%,#28174058 75%),linear-gradient(0deg,var(--bg),transparent 37%)}.hero .inner{padding:clamp(3rem,7vw,6rem) 0;min-height:clamp(470px,55vw,690px);display:grid;grid-template-columns:1.22fr .78fr;align-items:center;gap:clamp(1rem,5vw,5rem)}.hero h1 em{font-weight:400;color:var(--accent-soft)}.hero h1 span{display:block}.hero .home-copy .eyebrow{font-size:clamp(.85rem,1.3vw,1.05rem)}.hero .home-hook{font-size:clamp(3rem,6.2vw,5.8rem);font-weight:700;line-height:1.02;text-shadow:0 3px 24px #080611ba}.hero .home-hook em{font-weight:700;color:var(--brand-cyan)}.hero .lead{max-width:44ch}.actions{display:flex;gap:.8rem 1rem;flex-wrap:wrap;align-items:center;margin:1.5rem 0 1rem}.link{color:var(--accent);font-weight:720}.micro{font-size:.75rem;letter-spacing:.06em;color:#dddcf1}.showcase{display:grid;justify-items:center;gap:1rem;align-content:center;min-width:0}.showcase-label{font-size:.67rem;letter-spacing:.18em;text-align:center;text-transform:uppercase;color:var(--accent-soft);margin:0}.book-stage{width:clamp(140px,22vw,263px);aspect-ratio:2/3;perspective:920px;position:relative}.book-stage::after{content:"";position:absolute;bottom:-14px;left:-9%;width:118%;height:28px;border-radius:50%;background:#000a;filter:blur(13px);z-index:-1}.book-object{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(-13deg);filter:drop-shadow(0 12px 24px #0009)}.in-view .book-object{animation:book-sway 13s ease-in-out infinite}.book-front,.book-spine,.book-pages{position:absolute;inset:0;backface-visibility:hidden;border-radius:3px}.book-front{width:100%;height:100%;object-fit:fill;transform:translateZ(12px);border:1px solid var(--accent-border)}.book-spine,.book-pages{width:24px;inset-inline-start:calc(100% - 12px);transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#9e9fbd 0 2px,#e5e4ff 2px 3px)}.book-spine{inset-inline-start:-12px;transform:rotateY(-90deg);background:linear-gradient(90deg,#25194d,#633693,#202753)}@keyframes book-sway{0%,22%,82%,100%{transform:translateZ(0) rotateY(-13deg)}48%,57%{transform:translateZ(14px) rotateY(15deg)}}.section{padding-block:clamp(3.3rem,7vw,7rem)}.section.compact{padding-block:clamp(2.5rem,5vw,4rem)}.rule{border-top:1px solid var(--line)}.surface{background:radial-gradient(ellipse at 93% 20%,#29336a,transparent 62%),#161832}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,5.5vw,5.5rem);align-items:center}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;flex-wrap:wrap;margin-bottom:1.5rem}.section-head p{margin-bottom:0}.card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);min-width:0;transition:transform .25s,border-color .25s}.card:focus-within{border-color:var(--accent-border)}.card>img,.card>a>img{width:100%;aspect-ratio:16/9;object-fit:cover}.card .body{padding:1.2rem 1.4rem}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.card p{color:var(--muted)}.visual{width:100%;border-radius:18px;border:1px solid var(--line)}.portrait{max-height:520px;object-fit:cover;object-position:48% 22%}.facts{display:flex;gap:1rem 2rem;flex-wrap:wrap;margin:1.5rem 0}.facts > span,.facts .study-fact{display:grid;color:var(--muted);font-size:.83rem}.facts .study-fact{text-decoration:none}.study-fact > span{color:var(--accent);text-decoration:underline}.study-fact:hover > span{color:var(--ink)}.facts b{font:1.8rem var(--serif);color:var(--accent)}.feature-box{padding:clamp(1.3rem,4vw,3rem);border-radius:25px;border:1px solid var(--accent-border);background:linear-gradient(125deg,#34204c,#252052 66%,#152c55)}.index-head{padding-block:clamp(3rem,8vw,6.6rem) clamp(2rem,4vw,3rem);background:radial-gradient(ellipse at 76% 5%,#44245f,transparent 68%)}.index-head h1{font-size:clamp(2.7rem,5.9vw,5.3rem)}.index-head p{max-width:67ch}.back{font-size:.83rem;color:var(--accent)}.cover-card .cover-wrap{display:grid;place-items:center;padding:1.35rem;background:radial-gradient(ellipse,#452a73,#1e2249 74%)}.cover-card .cover-wrap img{width:auto;height:clamp(160px,24vw,285px);aspect-ratio:2/3;object-fit:fill;box-shadow:8px 12px 26px #0008}.cover-card .body{display:grid;align-content:start}.amazon-wordmark{display:inline-block;width:66px;height:auto;vertical-align:middle}.book-promo{display:grid;justify-items:start;gap:.45rem;min-width:0;margin-top:1rem}.book-promo .player{display:block;max-width:360px;min-height:200px;border-radius:12px}.formats{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0}.pill{border:1px solid #e5c6ff59;border-radius:99px;padding:.35rem .76rem;color:#f8e6ff;font-size:.82rem;text-decoration:none;background:#ffffff07}.pill:hover{background:#ffffff17}.tools{display:flex;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:1.7rem}.tools label{display:grid;gap:.35rem;color:var(--muted);font-size:.82rem}.tools input,.tools select{background:#232446;color:var(--ink);border:1px solid #b9aad370;border-radius:9px;padding:.54rem .72rem}.tools input{width:min(20rem,100%)}.prose{max-width:760px}.prose h2{font-size:clamp(1.65rem,3vw,2.4rem);margin-top:1.65em}.prose p{color:#e1ddf8}.answer{border-left:3px solid var(--accent);background:#26204a;padding:1rem 1.35rem;color:#f2ebff;font-size:1.13rem}.quote{font-family:var(--serif);font-size:clamp(1.3rem,3.3vw,2.5rem);color:var(--accent-soft);margin:0;line-height:1.3}.quote cite{display:block;font:700 .8rem var(--sans);letter-spacing:.12em;color:var(--muted);margin-top:1rem}.faq{max-width:860px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{color:var(--brand-cyan);display:flex;justify-content:space-between;align-items:center;gap:1.2rem;min-height:55px;padding:.7rem .1rem;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq-toggle{flex:none;color:var(--accent);font-size:1.3em;line-height:1}.faq-toggle::before{content:"+"}.faq details[open] .faq-toggle::before{content:"−"}.faq details p{color:#dad4f0;max-width:73ch}.player{display:block;min-height:200px;border:0;border-radius:18px;width:100%;aspect-ratio:16/9;background:#000}.short{width:min(100%,235px);height:auto;aspect-ratio:9/16;display:block;margin:auto;border-radius:18px;border:1px solid var(--line);background:#0d1024}.center{text-align:center}.center .actions{justify-content:center}.center .lead{margin-inline:auto}.foot{background:#0d1024;border-top:1px solid var(--line);padding:2.4rem 0}.foot .wrap{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.foot .social{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.foot .social a:not(.give){display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#ffffff0b}.foot .social a:not(.give):is(:hover,:focus-visible){border-color:var(--accent);background:#ffffff16}.foot a{color:var(--muted)}.foot p{font-size:.83rem}.motion-off .book-object{animation:none}.items-count{font-size:.85rem;color:var(--muted)}.art-note{font-size:.83rem;color:var(--muted)}.reading-list li{padding:.26em 0}.book-list-feature .book-stage{margin-inline:auto}.book-page-title{margin-bottom:.25em}
@media(max-width:1050px){.top .bar{flex-wrap:wrap;gap:.6rem 1rem;padding-block:.65rem;min-height:64px}.top nav{margin:0;order:3;width:100%;display:flex;overflow:auto;padding:.45rem 0}.js .menu-button{display:inline-flex;order:2}.js .top nav{display:none;flex-wrap:wrap;overflow:visible}.js .top nav.open{display:flex}.top .give{order:1}.js .top nav a{padding:.4rem .35rem}.brand{width:145px}}
@media(max-width:690px){.wrap{width:calc(100% - 2rem)}.hero:before{background:linear-gradient(180deg,#15112de8 1%,#1717399a 58%,#101027 100%),linear-gradient(90deg,#171331ed,#20174333)}.hero .inner{display:block;padding:3rem 0 2.5rem;min-height:0}.hero .showcase{margin-top:2rem}.book-stage{width:clamp(133px,39vw,180px)}.grid,.split{grid-template-columns:minmax(0,1fr)}.book-grid,.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.book-grid .body,.quote-grid .body{padding:.8rem}.book-grid .cover-wrap{padding:.85rem}.cover-card .cover-wrap img{height:clamp(120px,48vw,220px)}.portrait{max-height:440px}.top .bar{gap:.55rem}.top .btn.small{font-size:.8rem;padding:.45rem .65rem}.actions{margin-top:1.15rem}.short{width:195px}}@media(max-width:370px){.brand{width:121px}.book-grid,.quote-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.faq-directory{margin-inline:auto}.faq-group+.faq-group{margin-top:2.8rem}.faq-references{display:block;margin-top:.65rem;font-size:.87rem}.quote-grid figure{margin:0}.feature-box .showcase>img:not(.book-front){width:min(100%,210px);border-radius:5px}.feature-box .showcase>img.visual{width:min(100%,290px)}.card .btn{margin:.25rem .25rem .25rem 0}.book-object{filter:none}.book-front{box-shadow:0 0 36px #30185d75}.book-list-feature{margin-bottom:1rem}
.top .menu-button{display:none}@media(max-width:1050px){.js .top .menu-button{display:inline-flex}}.book-grid .card h3{overflow-wrap:anywhere}.faq-directory a:hover,.link:hover{color:#d4f3ff}.hero .inner{column-gap:clamp(1rem,5vw,5rem)}
.armor-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.armor-gallery figure{margin:0}.armor-gallery figcaption{padding:.6rem .1rem}.armor-gallery figcaption a{color:var(--accent)}.card img[src*="jesus-helps-woman-galilee"]{object-position:right center}@media(max-width:690px){.armor-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* The covers remain face-on as they travel through the cloud. */
.hero .inner{grid-template-columns:.90fr 1.10fr}
.cover-cloud{min-width:0;width:100%;max-width:620px;margin-inline:auto}
.cloud-orbit{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;position:relative;isolation:isolate}
.cloud-orbit::before{content:"";position:absolute;inset:9% 2%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 52% 50%,#a52ba952,transparent 67%),radial-gradient(ellipse at 26% 43%,#755cec64,transparent 49%),radial-gradient(ellipse at 73% 62%,#00aeef40,transparent 48%);filter:blur(14px)}
.cloud-cover{display:block;border-radius:5px;outline-offset:4px}
.cloud-cover img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#242043;border:1px solid #fff2;border-radius:5px;box-shadow:0 7px 17px #0e081a99}
.cloud-ready .cloud-orbit{display:block;aspect-ratio:1.01}
.cloud-ready .cloud-cover{position:absolute;left:0;top:0;width:23%;transform-origin:0 0}
.cloud-ready .cloud-cover:focus-visible{z-index:100!important}
@media (hover: hover) and (pointer: fine) {
  .cloud-ready .cloud-cover:hover{z-index:100!important}
}
.cloud-cover:focus-visible img{border-color:var(--accent);box-shadow:0 0 17px #00aeef78}
@media(max-width:690px){.cover-cloud{margin-top:1.5rem;max-width:460px}.cloud-ready .cloud-orbit{aspect-ratio:.94}}
.cloud-cover.cloud-album img,.music-card .album-artwork img{width:100%;aspect-ratio:1;object-fit:contain}
.music-card{scroll-margin-top:7rem}

.red-sea-feature{display:grid;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(390px,48vw,565px);align-items:end;justify-items:end;margin:0;border:1px solid var(--accent-border);border-radius:26px;background:#141935;box-shadow:0 26px 68px #05040a7a}
.red-sea-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 51%;z-index:-2}
.red-sea-feature::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#111633de,transparent 57%),linear-gradient(90deg,transparent 32%,#151a3930 50%,#111633d6 100%)}
.red-sea-feature figcaption{width:min(59%,670px);padding:clamp(1.8rem,4vw,4rem);color:#f7f4ff}
.red-sea-feature blockquote{margin:0;font:400 clamp(2.3rem,4.65vw,4.9rem)/1.02 var(--serif);letter-spacing:-.045em;text-wrap:balance;text-shadow:0 3px 22px #060810cf}
.red-sea-feature blockquote p{margin:0}
.red-sea-feature cite{display:block;margin-top:1.45rem;padding-top:.9rem;border-top:1px solid var(--accent-border);color:var(--accent-soft);font:700 .73rem var(--sans);letter-spacing:.14em;text-transform:uppercase}
@media(max-width:690px){.red-sea-feature{display:block;min-height:0;border-radius:18px}.red-sea-art{position:relative;display:block;height:auto;aspect-ratio:1.49;object-fit:contain}.red-sea-feature::before{display:none}.red-sea-feature figcaption{width:auto;padding:1.5rem;background:linear-gradient(135deg,#202857,#141935)}.red-sea-feature blockquote{font-size:clamp(2rem,8vw,3.25rem)}}

.scripture-feature{display:grid;position:relative;isolation:isolate;overflow:hidden;margin:0;border:1px solid var(--accent-border);border-radius:26px;background:#181b38;box-shadow:0 26px 68px #05040a7a}
.scripture-scene{position:relative}
.scripture-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scripture-feature figcaption{min-width:0;padding:clamp(1.65rem,4vw,3.75rem);color:#f7f4ff}
.scripture-feature h2{margin:0 0 .85rem;color:var(--accent-soft);font-size:clamp(1.3rem,2.5vw,2.05rem)}
.scripture-feature blockquote{margin:0;font-family:var(--serif)}
.scripture-feature blockquote p{margin:0}
.scripture-feature blockquote p+p{margin-top:.9em}
.scripture-feature cite{display:block;margin-top:1.45rem;padding-top:.9rem;border-top:1px solid var(--accent-border);color:var(--accent-soft);font:700 .73rem/1.6 var(--sans);letter-spacing:.11em;text-transform:uppercase}
.scripture-context{max-width:70ch;margin:1.25rem auto 0;color:var(--muted);font-size:.92rem}
.scripture-feature--overlay{min-height:clamp(390px,46vw,535px);align-items:end;justify-items:end}
.scripture-feature--overlay .scripture-scene{position:absolute;inset:0;z-index:-2}
.scripture-feature--overlay::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#111633e0,transparent 65%),linear-gradient(90deg,transparent 18%,#11163385 49%,#111633ef 100%)}
.scripture-feature--overlay figcaption{width:min(62%,690px)}
.scripture-feature--overlay blockquote{font-size:clamp(1.85rem,3.3vw,3.6rem);line-height:1.1;letter-spacing:-.028em;text-shadow:0 3px 18px #080910}
.scripture-feature--panel{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)}
.scripture-feature--panel figcaption{background:linear-gradient(135deg,#282756,#181936)}
.scripture-feature--panel blockquote{font-size:clamp(1.16rem,2.05vw,1.55rem);line-height:1.45}
#scripture-romans-16-20 .scripture-art{object-position:center 82%}
@media(max-width:800px){
 .scripture-feature{display:block;min-height:0;border-radius:18px}
 .scripture-feature .scripture-scene{position:relative;aspect-ratio:16/9}
 .scripture-feature--overlay::before{display:none}
 .scripture-feature figcaption{width:auto;padding:1.4rem;background:linear-gradient(135deg,#282756,#181936)}
}

@media(max-width:920px){.book-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.book-catalog{grid-template-columns:minmax(0,1fr)}}
@media(max-width:370px){.hero .home-hook{font-size:clamp(2.75rem,12.5vw,3rem)}}

.scenic-head{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(440px,37vw,620px);overflow:hidden;padding-block:4rem;background:#17132e}
.scenic-head-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:right top}
.scenic-head::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#17132efa,#17132ed9 26%,#17132e32 58%,transparent 78%),linear-gradient(0deg,#17132ea1,transparent 30%)}
.scenic-head-copy{width:min(46%,550px);text-shadow:0 2px 15px #09060a}
.scenic-head h1{font-size:clamp(2.65rem,5.2vw,5rem);text-wrap:balance}
@media(max-width:690px){
 .scenic-head{display:block;min-height:0;padding:0 0 2rem}
 .scenic-head-art{position:relative;aspect-ratio:1.55;height:auto}
 .scenic-head::before{background:linear-gradient(0deg,#17132e 29%,#17132e00 63%)}
 .scenic-head-copy{position:relative;width:min(100%,30rem);margin-top:-2.6rem}
}

.review-directory{max-width:1020px;margin-inline:auto}
.review-group{scroll-margin-top:7rem}
.review-group+.review-group{margin-top:3.5rem}
.review-group-heading{display:flex;align-items:center;gap:1.05rem;margin-bottom:1rem}
.review-group-heading img{width:54px;height:auto;border-radius:4px;box-shadow:0 5px 16px #0008}
.review-group-heading h2{margin:0}
.review-group-heading h2 a{text-decoration:none}
.review-group-heading h2 a:hover{text-decoration:underline}
.review-group-heading .eyebrow{margin-bottom:.45rem}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}
.review-grid:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.review-feature .review-grid:has(> :nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.review-card{position:relative;margin:0;min-width:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--accent-border);border-top:2px solid var(--brand-cyan);border-radius:18px;background:linear-gradient(145deg,#2c2050,#181c3a 68%);box-shadow:0 12px 28px #08061065;overflow-wrap:anywhere}
.review-mark{display:block;height:2.25rem;color:var(--accent);font:4.35rem/.95 var(--serif)}
.review-card h3{font-size:clamp(1.4rem,2.4vw,1.85rem);color:#f8f0ff;margin:.35rem 0 .65rem}
.review-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .7rem;color:var(--muted);font-size:.82rem}
.review-meta strong{color:var(--ink)}
.review-verified{padding:.1rem .55rem;border:1px solid var(--accent-border);border-radius:99px;color:var(--accent-soft);font-size:.72rem}
.review-card blockquote{margin:1.15rem 0 1.2rem;color:#ebe5fc}
.review-card blockquote p{margin:0}
.review-card blockquote p+p{margin-top:.75rem}
.review-book-link{display:inline-block;padding-top:.7rem;border-top:1px solid var(--line);color:var(--accent);font-size:.88rem;font-weight:700}
@media(max-width:800px){.review-grid,.review-feature .review-grid:has(> :nth-child(3)){grid-template-columns:minmax(0,1fr)}}

.review-directory .tools label,.review-directory .tools select{max-width:100%;min-width:0}

.top nav [aria-current=page]{text-decoration:underline;text-decoration-color:var(--brand-purple);text-underline-offset:.42em}
.review-stars{display:block;color:var(--accent);letter-spacing:.16em;font-size:1rem}

.foot .footer-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.foot .footer-actions a{color:#fff}

.proverbs-lion { position: relative; isolation: isolate; display: grid; align-items: center; min-height: clamp(30rem, 46vw, 46rem); overflow: hidden; background: #090f20; }
.proverbs-lion-art { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: right top; }
.proverbs-lion::before { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(90deg, #090e1ccc, #090e1c3d 51%, transparent 75%); }
.proverbs-lion-content { padding-block: clamp(2rem, 5vw, 5rem); }
.proverbs-lion-copy { max-width: min(53%, 42rem); }
.proverbs-lion-copy h2 { margin: 0 0 1rem; color: var(--accent); }
.proverbs-lion-copy blockquote { margin: 0; color: var(--ink); font: clamp(1.9rem, 4.15vw, 4.6rem)/1.13 var(--serif); text-wrap: pretty; text-shadow: 0 2px 18px #080d1a; }
.proverbs-lion-copy blockquote p { margin: 0; }
.proverbs-lion-copy blockquote strong { color: #ffdfa1; }
@media (max-width: 690px) {
  .proverbs-lion { min-height: 0; }
  .proverbs-lion::before { display: none; }
  .proverbs-lion-art { position: relative; z-index: -1; aspect-ratio: 1.4; height: auto; mask-image: linear-gradient(#000 71%, transparent); }
  .proverbs-lion-content { margin-top: -2.8rem; padding-block: 0 2.4rem; }
  .proverbs-lion-copy { max-width: 28rem; }
}

.revival-article figure{margin:1.4rem 0 2rem}.revival-article figcaption{margin-top:.65rem;color:var(--muted);font-size:.82rem}.revival-book-cover img{width:140px;height:auto;margin-inline:auto;border-radius:5px;box-shadow:0 9px 24px #0008}

.hero-ark > .scenic{object-position:right bottom}
.hero-ark::before{background:linear-gradient(90deg,#111128ed,#171331b5 34%,#1713311c 68%),linear-gradient(0deg,var(--bg),transparent 15%)}
@media(min-width:691px){
 .hero-ark .inner{padding-bottom:clamp(6rem,10vw,9rem)}
}
@media(max-width:690px){
 .hero-ark > .scenic{inset:auto 0 0;height:clamp(220px,65vw,390px);object-position:right bottom}
 .hero-ark .inner{padding-bottom:clamp(7rem,30vw,12rem)}
 .hero-ark::before{background:linear-gradient(180deg,#171233 20%,#17123300 66%),linear-gradient(0deg,var(--bg),transparent 11%)}
}

@media(min-width:691px){
 .reader-reviews-head .scenic-head-art{left:auto;width:max(70%,650px)}
 .reader-reviews-head::before{background:linear-gradient(90deg,#17132e 5%,#17132ef0 29%,#17132e66 49%,transparent 69%),linear-gradient(0deg,#17132e80,transparent 26%)}
}
@media(max-width:690px){
 .reader-reviews-head .scenic-head-art{aspect-ratio:16/9}
 .reader-reviews-head .scenic-head-copy{margin-top:-1rem}
}

@media(max-width:1050px){
 .js .top nav.open{max-height:calc(100dvh - 65px);overflow:auto}
}

.footer-sites{margin-top:1.2rem}
.footer-sites summary{display:inline-flex;align-items:center;gap:.5rem;list-style:none;color:var(--accent);font-size:.83rem;font-weight:750}
.footer-sites summary::-webkit-details-marker{display:none}
.footer-sites[open] summary{margin-bottom:.5rem}
.footer-sites[open] summary span{transform:rotate(180deg)}
.footer-sites ul{display:flex;flex-wrap:wrap;gap:.5rem .65rem;list-style:none;margin:0;padding:0}
.footer-sites .btn{margin:0}

.quote-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.quote-study blockquote{margin:0 0 .85rem;border-left:2px solid var(--brand-cyan);padding-left:.8rem;color:var(--accent)}
.quote-grid figcaption .link{display:block;margin-top:.45rem;font-size:.8rem}
@media(max-width:690px){.quote-study-grid{grid-template-columns:1fr}}

.daily-scripture { border-block: 1px solid rgba(141, 163, 249, .28); background: radial-gradient(ellipse at top right, rgba(117, 57, 179, .23), transparent 65%), #11152b; }
.daily-scripture-panel { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.55fr); gap: clamp(1rem, 5vw, 4rem); padding: clamp(1rem, 4vw, 2.6rem) 0; align-items: start; }
.daily-scripture-panel h2 { margin: .28rem 0 .6rem; }
.daily-scripture-entry blockquote { margin: 0 0 .75rem; font-size: clamp(1.55rem, 3.6vw, 2.75rem); line-height: 1.2; }
.daily-scripture-entry cite { display: block; font-size: 1rem; font-style: normal; margin-top: .65rem; }
.daily-scripture-links { display: flex; flex-wrap: wrap; gap: .45rem 1.15rem; }
.daily-scripture-links a { text-underline-offset: .2em; }
.daily-scripture-entry { max-width: 49rem; }
.daily-scripture-archive .card .body { padding: 1.15rem; }
.daily-scripture-archive .card h3 { margin: .2rem 0 .65rem; }
@media (max-width: 690px) {
  .daily-scripture-panel { grid-template-columns: 1fr; }
}

.quote-feature { border-block: 1px solid #879bf344; background: radial-gradient(ellipse at top left, #2d2360, #11172e 72%); }
.quote-feature-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: clamp(1.5rem, 4vw, 3.5rem); }
.quote-feature-grid h2 { margin: .3rem 0 1rem; }
.quote-feature .quote-email-panel { margin-top: clamp(1.25rem, 3vw, 2.25rem); }
.quote-rotator { margin-block-end: 1rem; }
.quote-rotator-text {
  min-block-size: 5em;
  margin: 0 0 .8rem;
  padding-inline-start: .9rem;
  border-inline-start: 2px solid var(--accent);
  color: var(--ink);
  font: 500 clamp(1.15rem, 2vw, 1.55rem)/1.4 Georgia, serif;
}
.quote-rotator-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
.quote-rotator-controls[hidden] { display: none; }
.quote-rotator-controls .micro { white-space: nowrap; }
.quote-rotator .sr-only {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.quote-rotation-band {
  border-block: 1px solid #a194e245;
  background: radial-gradient(ellipse at top right, #352863, #171a36 70%);
}
.quote-rotation-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
  align-items: center;
  gap: clamp(1.5rem, 5vw, 4.5rem);
}
.quote-rotation-portrait {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 15 / 16;
  object-fit: cover;
  object-position: center top;
  border: 1px solid #dfbd7960;
  border-radius: 1.2rem;
  box-shadow: 0 1rem 3rem #0c0b2380;
}
.quote-rotation-band h2 { margin: 0 0 1.35rem; }
.quote-rotation-band .quote-rotator-text {
  min-block-size: 3.8em;
  padding-inline-start: clamp(.85rem, 2vw, 1.5rem);
  border-color: #dfbd79;
  font-size: clamp(1.35rem, 3.5vw, 2.65rem);
  overflow-wrap: anywhere;
}
.section.quote-rotation-band-with-offer { padding-block: clamp(1.5rem, 3vw, 2.4rem); }
.quote-rotation-band-with-offer .quote-rotation-layout { align-items: start; }
.quote-rotation-sidebar { display: grid; gap: .65rem; min-width: 0; }
.quote-rotation-band-with-offer:has(.quote-email-panel) .quote-rotation-portrait { aspect-ratio: 4 / 3; }
.quote-rotation-book {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: .75rem;
  align-items: center;
  padding: .45rem .7rem;
  border: 1px solid #a194e260;
  border-radius: .75rem;
  background: #211f43;
  text-decoration: none;
  line-height: 1.3;
}
.quote-rotation-book:hover { border-color: #dfbd79; }
.quote-rotation-book img { border-radius: .18rem; box-shadow: 2px 3px 9px #0007; }
.quote-rotation-book small { display: block; font-size: .78rem; }
.quote-rotation-book-action { display: block; margin-top: .18rem; color: var(--accent); font-size: .8rem; }
.quote-rotation-book:hover .quote-rotation-book-action { text-decoration: underline; }
@media (max-width: 720px) {
  .quote-rotation-layout { grid-template-columns: minmax(0, 1fr); }
  .quote-rotation-portrait { width: min(100%, 320px); justify-self: center; }
  .quote-rotation-sidebar { width: min(100%, 320px); justify-self: center; }
}
.quote-rotator-attribution {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem 1rem;
  color: var(--muted);
  margin-block: 0 1rem;
}
.vince-quote-credit {
  display: flex;
  width: fit-content;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem;
  margin-block: .65rem;
  color: var(--ink);
  font: 680 .82rem/1.25 var(--sans);
  text-decoration: none;
}
a.vince-quote-credit:hover { text-decoration: underline; }
.vince-quote-credit::before {
  content: "";
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  border: 1px solid var(--accent-border);
  border-radius: 50%;
  background: url("/assets/vince-baker-quote-byline-136.webp") center / cover;
}
.vince-quote-credit::after {
  content: "";
  width: 82px;
  height: 28px;
  flex: 0 0 auto;
  background: url("/assets/ministry-brand-logo-192.webp") center / contain no-repeat;
}
.quote-rotator-attribution .vince-quote-credit { margin: 0; }
.quote-image-card > .vince-quote-credit { margin-inline: 1rem; }
.quote-email-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  align-items: center;
  gap: .6rem 1.25rem;
  margin-top: 1.15rem;
  padding: .65rem .9rem;
  border: 1px solid #a194e260;
  border-radius: .9rem;
  background: radial-gradient(ellipse at top right, #46417c, #211f43 72%);
  transition: border-color 240ms ease, box-shadow 240ms ease;
}
.quote-email-panel:focus-within {
  border-color: #dfbd79;
  box-shadow: 0 0 1.5rem #b3a1f043;
}
.quote-email-panel h3 { margin: 0 0 .2rem; font-size: 1.2rem; }
.quote-email-panel p { margin: .25rem 0; }
.quote-email-panel .quote-email-status:empty { display: none; }
.quote-email-form {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.quote-email-form[hidden], .study-reminder-inline form[hidden] { display: none; }
.signup-provider-form iframe { display: block; width: 100%; max-width: 540px; margin-top: .5rem; border: 0; }
.quote-email-form input[type="email"] {
  flex: 1 1 9rem;
  min-width: 0;
  min-height: 42px;
  padding: .48rem .7rem;
  border: 1px solid #9e92db70;
  border-radius: .55rem;
  background: #10152d;
  color: var(--ink);
  font: 1rem var(--sans);
}
.quote-email-form button { min-height: 42px; }
@media (max-width: 720px) {
  .quote-email-panel { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .quote-email-panel { transition: none; }
}
@media (max-width: 400px) { .quote-rotator-text { min-block-size: 7em; } }
.quote-permalink blockquote { margin: .75rem 0 1.25rem; font: 1.45rem/1.45 var(--serif); }
.quote-permalink blockquote p { margin: 0 0 .55rem; }
.quote-permalink cite { color: var(--accent); font: 700 .9rem var(--sans); }
.quote-card-image { display: block; width: 100%; height: auto; border-radius: .85rem; border: 1px solid #969ef25c; }
.quote-topic-directory {
  padding: clamp(1rem, 4vw, 2.8rem);
  border: 1px solid #888bd645;
  border-radius: 1.25rem;
  background: radial-gradient(ellipse at top left, #2a2253, transparent 60%), #14162d;
}
.quote-topic-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: .5rem 1.5rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--line);
}
.quote-topic-heading h2 { margin: .2rem 0 0; }
.quote-topic-heading > p { margin: 0; color: var(--muted); }
.quote-topics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.quote-topics a {
  display: flex;
  height: 100%;
  min-height: 3.5rem;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  padding: .65rem .8rem;
  border: 1px solid #9398e038;
  border-radius: .65rem;
  background: #1c1e3a;
  color: var(--ink);
  text-decoration: none;
}
.quote-topics a:hover, .quote-topics a:focus-visible {
  border-color: var(--brand-cyan);
  background: #232746;
}
.quote-topic-name { font: 1.08rem/1.24 var(--serif); }
.quote-topic-meta { display: flex; align-items: center; gap: .45rem; }
.quote-topic-count {
  min-width: 2rem;
  padding: .15rem .4rem;
  border-radius: 1rem;
  background: #333254;
  color: #e1d9ff;
  font: 600 .78rem/1.45 var(--sans);
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.quote-topic-arrow { color: var(--accent); font-size: .85rem; }
.quote-archive-item blockquote { margin: .6rem 0 0; line-height: 1.5; }
.quote-archive-item blockquote a { text-decoration: none; color: var(--ink); }
.quote-archive-item blockquote a:hover { color: var(--accent); text-decoration: underline; }
.quote-permalink { max-width: 900px; margin-inline: auto; }
.quote-permalink figure { margin: 0 0 2rem; }
.quote-permalink figcaption { margin-top: .65rem; }
@media (max-width: 780px) { .quote-feature-grid { grid-template-columns: 1fr; } }
.quote-permalink h1 { max-width: 20ch; font-size: clamp(2.25rem, 5.5vw, 4.2rem); overflow-wrap: anywhere; }

.quotes-storm-head { background: #0c1721; }
.quotes-storm-head .scenic-head-art { object-position: 58% center; }
.quotes-storm-head::before {
  background: linear-gradient(90deg, #0b1424f7 4%, #0b1424df 28%, #0b142459 53%, transparent 75%),
              linear-gradient(0deg, #0b142480, transparent 25%);
}
.quotes-storm-head h1 { text-wrap: wrap; }
@media (min-width: 691px) {
  .quotes-storm-head .scenic-head-art { left: auto; width: 80%; }
}
@media (max-width: 690px) {
  .quotes-storm-head .scenic-head-art { aspect-ratio: 16/9; }
  .quotes-storm-head::before { background: linear-gradient(0deg, #0c1721 23%, transparent 70%); }
}

.quote-image-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.quote-image-card { display: block; margin: 0; overflow: hidden; }
.quote-image-card img { display: block; width: 100%; height: auto; }
.quote-gallery-filter { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin: 0 0 1.5rem; }
.quote-gallery-filter label { display: grid; gap: .35rem; }
.quote-gallery-filter select { width: min(100%, 20rem); min-height: 2.75rem; padding: .45rem .7rem; border: 1px solid var(--line); border-radius: .5rem; background: var(--panel); color: var(--ink); font: inherit; }
.quote-gallery-nav { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: .65rem; margin: 1rem 0 1.5rem; }
.quote-gallery-nav:last-child { margin-top: 1.5rem; }
.quote-gallery-nav ul { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem; padding: 0; margin: 0; list-style: none; }
.quote-gallery-nav .btn { min-width: 2.5rem; }
.quote-gallery-nav .btn[aria-current="page"] { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
@media (max-width: 950px) { .quote-image-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 580px) { .quote-image-grid { grid-template-columns: minmax(0,1fr); } }

.quote-share-controls { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .7rem; }
.quote-share-controls .btn img { display: block; flex: none; }
.quote-image-card > a { display: block; }
.quote-image-card > .quote-share-controls { padding: 0 .65rem .65rem; }
.quote-share-dialog { width: min(43rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: clamp(1rem, 4vw, 1.6rem); overflow: auto; color: var(--ink); background: var(--panel); border: 1px solid var(--line); border-radius: 1rem; }
.quote-share-dialog::backdrop { background: #080915cc; }
.quote-share-heading { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.quote-share-heading h2 { margin: 0; font-size: clamp(1.4rem, 4vw, 2rem); }
.quote-share-preview { display: block; width: 100%; height: auto; max-height: 48vh; object-fit: contain; border-radius: .45rem; }

.daily-scripture-panel .actions { flex-wrap: wrap; }
.scripture-image-figure { margin: 1.15rem 0; }
.scripture-image-figure figcaption { margin-top: .6rem; }
@media (max-width: 780px) { .daily-scripture-panel { grid-template-columns: minmax(0,1fr); } }


.btn.give {
  background: var(--button-blue);
  border-color: var(--brand-cyan);
  color: #fff;
  font-weight: 800;
}
.btn.give:hover { background: #1869a8; color: #fff; }
.btn.give:focus-visible { outline-color: var(--accent); }

.daily-artwork { margin: 0; }
.daily-transcript { margin-top: .6rem; }
.daily-transcript summary { color: var(--accent); width: fit-content; }
.daily-transcript blockquote { margin: .65rem 0 0; padding-inline-start: .85rem; border-inline-start: 2px solid var(--brand-cyan); }
.daily-transcript blockquote p { margin: 0 0 .25rem; }
.daily-transcript cite { color: var(--muted); font-style: normal; font-size: .9rem; }

/* Keep the homepage invitation and schedule together in one card. */
.home-study {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(1rem, 3vw, 2.25rem);
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid var(--accent-border);
  border-radius: 1.4rem;
  background: radial-gradient(ellipse at 100% 0%, #1d4166, transparent 70%), linear-gradient(145deg, #352356, #15152e);
  box-shadow: 0 18px 42px #09081c66;
}
.home-study-intro h2 { margin-block: .35rem .6rem; }
.home-study-intro > p { margin-block: 0 1rem; }
.home-study-art {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  border-radius: .85rem;
}
.home-study-schedule {
  padding: clamp(.85rem, 2vw, 1.35rem);
  border: 1px solid #9fdfff4a;
  border-radius: 1rem;
  background: #111a36b8;
}
.home-study-schedule h3 { margin: 0 0 .65rem; }
.home-study-schedule .home-study-times { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.home-study-schedule .study-calendar { margin: .8rem 0 0; }
.home-study-schedule .study-calendar .actions { gap: .4rem .65rem; margin: .65rem 0 0; }
.home-study-schedule .study-calendar .btn { white-space: normal; }
.home-study-schedule .study-primary-actions { margin: .85rem 0 0; }

@media (max-width: 820px) {
  .home-study { grid-template-columns: minmax(0, 1fr); }
}
.study-reminder-signup {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 5vw, 3.5rem);
  align-items: center;
  scroll-margin-top: 6rem;
}
.study-reminder-copy h2 { max-width: 16ch; font-size: clamp(2rem, 4.3vw, 3.6rem); }
.study-reminder-schedule { list-style: none; padding: 0; margin: 1rem 0 0; display: grid; gap: .65rem; }
.study-reminder-schedule li { display: grid; gap: .1rem; border-left: 2px solid var(--brand-cyan); padding: .15rem 0 .15rem .8rem; }
.study-reminder-schedule span { font-size: .9rem; color: var(--muted); }
.study-reminder-panel { min-width: 0; padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: 1rem; background: #15132ce8; }
.study-reminder-panel form { display: grid; gap: .55rem; }
.study-reminder-panel label { font-weight: 700; }
.study-reminder-panel input[type="email"] { min-width: 0; width: 100%; min-height: 46px; padding: .62rem .8rem; border: 1px solid var(--accent-border); border-radius: .55rem; font: inherit; color: var(--ink); background: #1c1b38; }
.study-reminder-panel input::placeholder { color: var(--muted); }
.study-reminder-panel .btn { margin-top: .35rem; }
#study-reminder-note { margin: .8rem 0 .35rem; font-size: .88rem; color: var(--muted); }
.study-reminder-fallback { display: inline-block; padding-block: .4rem; }
@media (max-width: 760px) { .study-reminder-signup { grid-template-columns: minmax(0, 1fr); } }

.home-study-times {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  list-style: none;
  margin: 1.25rem 0 1.5rem;
  padding: 0;
}
.home-study-times li {
  min-width: 0;
  padding: .7rem .25rem;
  text-align: center;
  border: 1px solid #9fdfff4a;
  border-radius: .7rem;
  background: #111a36b8;
}
.home-study-times strong, .home-study-times span { display: block; }
.home-study-times strong { color: var(--accent); font-size: clamp(1rem, 2vw, 1.4rem); }
.home-study-times span { color: var(--ink); font-size: .82rem; }
@media(max-width: 360px) {
  .home-study-times { grid-template-columns: 1fr; }
}

[data-book-grid] [hidden], [data-study-calendar] [hidden] { display: none; }
.book-topic-controls { margin-block: 1rem; }
.book-topic-buttons { display: flex; flex-wrap: wrap; gap: .6rem; }
.book-topic-buttons [aria-pressed="true"] { border-color: var(--brand-cyan); background: var(--button-blue); }
.book-topic-controls [role="status"]:empty { display: none; }
.study-calendar { margin-block: 1rem; }
.study-countdown { color: var(--ink); font-variant-numeric: tabular-nums; }
.study-countdown p { margin: .5rem 0; font-weight: 650; }
.study-countdown-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.study-countdown-grid div { text-align: center; padding: .55rem .25rem; border: 1px solid var(--accent-border); border-radius: .55rem; background: #151d3e; }
.study-countdown-grid strong { display: block; color: var(--accent); font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.12; }
.study-countdown-grid span, .study-local-time { color: var(--muted); font-size: .82rem; }
.study-local-time time { display: block; color: var(--ink); font-size: 1rem; }
.study-primary-actions.actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.study-primary-actions .btn { justify-content: center; white-space: normal; text-align: center; padding-inline: .65rem; }
.quote-topic-shortcuts { margin-top: .65rem; }
.hero-shop-actions { margin-top: 1rem; }

.split-page-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  min-height: clamp(24rem, 39vw, 35rem);
  padding-block: clamp(2.5rem, 5vw, 4.5rem);
  overflow: hidden;
  background: #17132e;
  color: var(--ink);
  text-align: left;
}
.split-page-hero > .wrap { position: static; }
.split-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgb(23 19 46 / .98), rgb(23 19 46 / .88) 29%, rgb(23 19 46 / .35) 59%, transparent 85%);
}
.split-page-hero .split-page-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: right 32%;
  border-radius: 0;
}
.split-page-hero .split-page-copy { width: min(48%, 37rem); min-width: 0; }
.split-page-hero h1 { font-size: clamp(2.15rem, 4.7vw, 4.6rem); overflow-wrap: anywhere; }
@media (max-width: 690px) {
  .split-page-hero { min-height: 23rem; }
  .split-page-hero .split-page-copy { width: min(100%, 32rem); }
  .split-page-hero::before {
    background: linear-gradient(90deg, rgb(23 19 46 / .93), rgb(23 19 46 / .61) 67%, rgb(23 19 46 / .34)),
      linear-gradient(0deg, rgb(23 19 46 / .66), transparent 70%);
  }
}

.quote-gallery-hero .scenic-head-art { object-position: right 24%; }
@media (max-width: 690px) {
  .quote-gallery-hero { padding-bottom: 1.5rem; }
  .quote-gallery-hero .scenic-head-art { aspect-ratio: 16 / 10; object-position: right top; }
}

.hero-ark .home-copy {
  align-self: start;
  min-width: 0;
  container-type: inline-size;
  margin-block-start: clamp(.25rem, 1.2vw, 1rem);
}
.hero .home-hook-offer {
  width: fit-content;
  max-width: 100%;
  margin: 0;
  color: #fff;
  font-size: clamp(1.8rem, 4.2vw, 4.5rem);
  font-size: clamp(1.75rem, 9.7cqi, 4.5rem);
  line-height: 1.07;
  letter-spacing: -.035em;
}
.home-hook-offer > span { display: block; text-wrap: balance; }
.home-hook-with {
  margin-block: .13em .18em;
  font-size: .62em;
  line-height: 1;
  text-align: center;
}
.home-hook-books { white-space: nowrap; }
.hero .home-hook-offer em { color: var(--brand-cyan); white-space: nowrap; }
@media (max-width: 690px) {
  .hero-ark .home-copy { margin-block-start: 0; }
}

.featured-music-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.featured-music-card .body { display: flex; flex-direction: column; gap: .65rem; }
.featured-music-card .album-artwork img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}
.featured-music-card .body > p { margin: 0; }
.featured-music-card .body > h3 { margin: 0; }
.music-platform-actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-block: .7rem; }
.featured-music-card .music-platform-actions,
.music-card .music-platform-actions { display: grid; margin-block: auto 0; }
.music-platform-button.btn {
  --platform-accent: #a9eac0;
  justify-content: flex-start;
  padding-inline: .75rem;
  min-height: 44px;
  color: #fff;
  border-color: color-mix(in srgb, var(--platform-accent) 34%, transparent);
  background: color-mix(in srgb, var(--platform-accent) 12%, #14152d);
}
.music-platform-button.btn:hover {
  border-color: var(--platform-accent);
  background: color-mix(in srgb, var(--platform-accent) 22%, #14152d);
}
.music-platform-itunes.btn { --platform-accent: #d7b0ff; }
.music-platform-apple.btn { --platform-accent: #ff9aac; }
.music-platform-button svg { width: 1.15rem; height: 1.15rem; flex: none; color: var(--platform-accent); }
.music-platform-button > span:last-child { margin-inline-start: auto; color: var(--platform-accent); }
.music-preview-button.btn {
  align-self: flex-start;
  gap: .65rem;
  min-height: 46px;
  padding: .35rem 1.1rem .35rem .42rem;
  margin-block: .3rem;
  border-color: #b097f380;
  background: linear-gradient(115deg, #752a9a, #165c96);
}
.music-preview-button svg {
  width: 1.85rem;
  height: 1.85rem;
  padding: .3rem;
  border-radius: 50%;
  background: #fff;
  color: #442269;
}
.music-preview-button:disabled { cursor: default; opacity: .8; transform: none; box-shadow: none; }
.music-preview-player:empty { display: none; }
.music-preview-player iframe { width: 100%; display: block; border: 0; border-radius: .55rem; }
.music-listening-guide { max-width: 50rem; margin: 2.5rem auto 0; }
.music-questions { margin-top: 2rem; }
@media (max-width: 900px) {
  .featured-music-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 580px) {
  .featured-music-grid { grid-template-columns: 1fr; }
  .featured-music-card .album-artwork img { max-height: 20rem; object-fit: contain; background: var(--bg); }
}

.music-release-head h1 { overflow-wrap: anywhere; }
.music-release-head .music-release-cover { width: min(100%, 380px); justify-self: center; box-shadow: 0 20px 48px #06051588; }

.direct-answer { padding: 1rem 1.15rem; border-left: 3px solid var(--accent); border-radius: .35rem; background: #101026e8; }
.direct-answer > strong { display: block; margin-bottom: .35rem; color: var(--accent); font-size: .88rem; }

.teaching-focus > .wrap {
  padding: clamp(1.2rem, 4vw, 3rem);
  border: 1px solid var(--line);
  border-radius: 1.35rem;
  background: radial-gradient(ellipse at top left, #30204a, transparent 64%),
              radial-gradient(ellipse at bottom right, #12344c, transparent 65%), #171731;
}
.teaching-heading { max-width: 47rem; margin: 0 auto clamp(1.25rem, 3vw, 2rem); text-align: center; }
.teaching-heading h2 { margin: 0; font-size: clamp(1.85rem, 3.5vw, 3.25rem); }
.teaching-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.teaching-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(1rem, 2.4vw, 1.6rem);
  background: #11132ed9;
  border: 1px solid var(--line);
  border-top-color: #00aeef8a;
  border-radius: .85rem;
}
.teaching-card svg { width: 1.6rem; height: 1.6rem; margin-bottom: .85rem; color: var(--accent); }
.teaching-card h3 { margin: 0 0 .35rem; }
.teaching-card p { margin: 0 0 1rem; color: var(--muted); }
.teaching-card .btn { margin-top: auto; }
.cover-card .body > .btn { justify-self: start; flex-wrap: wrap; }
.teaching-card:focus-within { border-color: #88deff; box-shadow: 0 0 1.2rem #00aeef38; }
@media (hover: hover) and (pointer: fine) {
  .teaching-card:hover { border-color: #88deff; box-shadow: 0 0 1.2rem #00aeef38; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) .teaching-card { transition: border-color .2s ease, box-shadow .2s ease; }
}
@media (max-width: 730px) {
  .teaching-grid { grid-template-columns: 1fr; }
  .teaching-heading { text-align: left; }
}

/* Use static highlights for keyboard focus and limit hover effects to precise pointers. */
#main a:focus-visible > img[src$=".webp"] { outline: 2px solid var(--accent); outline-offset: -3px; }
@media (hover: hover) and (pointer: fine) {
  .card:hover { border-color: var(--accent-border); }
  .cloud-cover:hover img { border-color: var(--accent); box-shadow: 0 0 17px #00aeef78; }
  #main img[src$=".webp"]:hover,
  #main :is(.hero, .scenic-head, .proverbs-lion, .red-sea-feature):hover > :is(.scenic, .scenic-head-art, .proverbs-lion-art, .red-sea-art),
  #main .split-page-hero:hover .split-page-art,
  #main .scripture-feature--overlay:hover .scripture-art,
  #main .book-stage:hover .book-front { filter: brightness(1.06) saturate(1.08); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) #main img[src$=".webp"] {
    transition: filter .28s ease, scale .28s ease, translate .28s ease, box-shadow .28s ease, border-color .28s ease;
  }
  html:not(.motion-off) #main :is(.cover-wrap, .cloud-cover:not(.cloud-album)):hover > img,
  html:not(.motion-off) #main :is(.showcase, .revival-book-cover) > img:hover {
    translate: 0 -3px;
    scale: 1.025;
  }
  html:not(.motion-off) #main img[src^="/assets/release-"]:hover,
  html:not(.motion-off) #main .cloud-album:hover > img {
    scale: 1.035;
  }
  html:not(.motion-off) #main :is(.card:not(.cover-card), .daily-artwork) > a:hover > img[src$=".webp"] {
    scale: 1.02;
  }
}

/* Decorative entrances run once when artwork or a card enters view. */
@media (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) :is(.vbm-art-entry,.vbm-quote-entry):not(:focus-within,:target) {
    animation: vbm-art-reveal .52s cubic-bezier(.18,.72,.24,1) var(--vbm-delay,0ms) backwards;
  }
  .vbm-quote-entry { --vbm-lift: 28px; --vbm-scale: .965; }
}
@media (min-width: 760px) {
  .vbm-quote-entry:nth-child(odd) { --vbm-drift: -10px; }
  .vbm-quote-entry:nth-child(even) { --vbm-drift: 10px; }
}
@keyframes vbm-art-reveal {
  from { opacity: .4; translate: var(--vbm-drift,0px) var(--vbm-lift,20px); scale: var(--vbm-scale,.985); }
  to { opacity: 1; translate: 0 0; scale: 1; }
}

.vbm-scroll-progress { display: none; }
@supports (animation-timeline: scroll(root block)) {
  @media (prefers-reduced-motion: no-preference) {
    html:not(.motion-off) .vbm-scroll-progress {
      display: block;
      position: fixed;
      inset: 0 0 auto;
      height: 3px;
      z-index: 50;
      pointer-events: none;
      background: linear-gradient(90deg,#a957ef,#38c5ff,#f5c587);
      transform-origin: left;
      animation: vbm-page-progress linear both;
      animation-timeline: scroll(root block);
    }
  }
}
@keyframes vbm-page-progress { from { scale: 0 1; } to { scale: 1 1; } }

@media (hover: hover) and (pointer: fine) {
  main :is(.quote-image-card,.quote-card,.daily-artwork,.armor-study-image,.photo-frame,.story-card):hover {
    border-color: #9ea8ff;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) main :is(.quote-image-card,.quote-card,.daily-artwork,.armor-study-image,.photo-frame,.story-card,.book-artwork-grid,.healing-story-art,.card) img {
    transition: scale .32s ease-out, filter .32s ease-out;
  }
  html:not(.motion-off) main :is(.quote-image-card,.quote-card,.daily-artwork,.armor-study-image,.photo-frame,.story-card,.book-artwork-grid,.healing-story-art,.card) img:hover,
  html:not(.motion-off) main :is(.quote-image-card,.daily-artwork,.card) > a:hover > img {
    scale: 1.035;
    filter: brightness(1.08) saturate(1.08);
  }
}

.card > a > img.archive-headroom { object-position: center top; }
.card > a > img.archive-book-cover { object-fit: contain; background: #13132b; }

.card > a > img.reformer-portrait,
.latest-blog-slide .card > a > img.reformer-portrait {
  aspect-ratio: 3 / 2;
  object-fit: contain;
  object-position: center;
  background: #13132b;
}
.reformer-head .split { align-items: center; }
.reformer-head figure { margin: 0; justify-self: center; width: min(100%, 26rem); }
.reformer-head figure img { width: 100%; max-height: 31rem; object-fit: contain; background: #13132b; }
.reformer-head figcaption { color: var(--muted); font-size: .8rem; margin-top: .5rem; }

.review-caption { display: grid; grid-template-columns: clamp(52px, 7vw, 72px) minmax(0, 1fr); gap: 1rem; align-items: center; }
.review-cover { display: block; border-radius: .3rem; }
.review-cover img { width: 100%; height: auto; border-radius: inherit; box-shadow: 0 7px 15px #08061080; }

.latest-blog-controls { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; margin: 0 0 1.1rem; }
.latest-blog-controls .micro { margin-inline-start: .4rem; }
.latest-blog-slide + .latest-blog-slide { margin-top: 1rem; }
.latest-blog-slide[hidden] + .latest-blog-slide { margin-top: 0; }
.latest-blog-slide .card > a > img { width: 100%; aspect-ratio: 1.8; object-fit: cover; }

.hero-music-link { text-decoration: none; }
.hero .home-hook .hero-music-link em {
  display: inline-block;
  color: #6edcff;
  text-shadow: 0 0 .12em #28c8ffb3, 0 0 .42em #775cf380;
}
@media (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) .hero-music-link:not(:focus-visible) em:not(:hover) {
    animation: spirit-led-pulse 3.6s ease-in-out infinite;
  }
}
@keyframes spirit-led-pulse {
  0%, 100% {
    color: #6edcff;
    text-shadow: 0 0 .12em #28c8ffb3, 0 0 .42em #775cf380, 0 0 .68em #b14bff00;
  }
  46% {
    color: #e0faff;
    text-shadow: 0 0 .14em #8debff, 0 0 .40em #00b9ff, 0 0 .68em #b14bffdc;
  }
}
.hero .home-hook .hero-music-link:focus-visible em {
  color: #e0faff;
  text-shadow: 0 0 .14em #8debff, 0 0 .40em #00b9ff, 0 0 .68em #b14bffdc;
}
@media (hover: hover) and (pointer: fine) {
  .hero .home-hook .hero-music-link em:hover {
    color: #e0faff;
    text-shadow: 0 0 .14em #8debff, 0 0 .40em #00b9ff, 0 0 .68em #b14bffdc;
  }
}
#spirit-led-music:target h2 { color: var(--accent); }

:root {
  --vbm-interaction-glow: #8cdcff;
  --vbm-button-press-shadow: 0 0 0 2px var(--vbm-interaction-glow), 0 0 12px #8cdcff70, 0 12px 22px -4px #37caffd9;
}

/* Give linked and standalone front covers the same response. */
:is(.review-cover, .cover-wrap, .cloud-cover:not(.cloud-album)):focus-visible > img {
  box-shadow: 0 0 0 2px var(--vbm-interaction-glow), 0 0 17px var(--vbm-interaction-glow);
}
@media (hover: hover) and (pointer: fine) {
  img:is([alt*="book cover by Vince Baker"], .review-book-cover, .book-front, .book-stage .front, .bookstage .front img):hover,
  :is(.review-cover, .cover-wrap, .cloud-cover:not(.cloud-album)):hover > img {
    filter: brightness(1.08) saturate(1.12);
    box-shadow: 0 0 0 1px var(--vbm-interaction-glow), 0 0 16px color-mix(in srgb, var(--vbm-interaction-glow) 64%, transparent), 0 9px 18px #0005;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) img:is([alt*="book cover by Vince Baker"], .review-book-cover, .book-front, .book-stage .front, .bookstage .front img) {
    transition: translate .26s ease-out, scale .26s ease-out, filter .26s ease-out, box-shadow .26s ease-out;
  }
  html:not(.motion-off) img:is([alt*="book cover by Vince Baker"], .review-book-cover):not(.book-front, .front, .front img):hover,
  html:not(.motion-off) :is(.review-cover, .cover-wrap, .cloud-cover:not(.cloud-album)):hover > img {
    translate: 0 -4px;
    scale: 1.045;
  }
}

/* Share the cover halo with photos, illustrations, album art, and quote cards. */
#main img[src$=".webp"]:active,
#main a:active > img[src$=".webp"],
.quote-share-preview:active {
  filter: brightness(1.14) saturate(1.12);
  box-shadow: var(--vbm-button-press-shadow);
}
@media (hover: hover) and (pointer: fine) {
  #main img[src$=".webp"]:not(:active):hover,
  #main a:not(:active):hover > img[src$=".webp"],
  .quote-share-preview:not(:active):hover {
    filter: brightness(1.08) saturate(1.12);
    box-shadow: 0 0 0 1px var(--vbm-interaction-glow), 0 0 16px #8cdcff99, 0 9px 18px #0005;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) #main img[src$=".webp"]:not(.scenic,.scenic-head-art,.split-page-art,.proverbs-lion-art,.red-sea-art,.book-front,.cloud-cover img):hover,
  html:not(.motion-off) .quote-share-preview:hover { scale: 1.025; }
  html:not(.motion-off) .quote-share-preview { transition: filter .28s ease, scale .28s ease, box-shadow .28s ease; }
}

/* Immediate feedback even when a button navigates to another page. */
:is(button, input[type="button"], input[type="submit"], [role="button"], a.btn, a.button, a.give, a[data-cta^="amazon_book_"], #menu a, details > summary):not(:disabled, [aria-disabled="true"]):active {
  box-shadow: var(--vbm-button-press-shadow);
}
@media (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) :is(button, input[type="button"], input[type="submit"], [role="button"], a.btn, a.button, a.give, a[data-cta^="amazon_book_"], #menu a, details > summary):not(:disabled, [aria-disabled="true"]):active {
    translate: 0 1px;
  }
}

/* Sweep a reflection over linked artwork, clipped to the image frame. */
:is(.review-cover, .cover-wrap, .cloud-cover, .album-artwork, :where(:is(.card > a, .daily-artwork > a, .quote-image-card > a, .book-artwork-grid > a):has(> img:only-child[src$=".webp"]))) { position: relative; }
.cloud-ready .cloud-cover { position: absolute; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) :is(.review-cover, .cover-wrap, .cloud-cover, .album-artwork, :where(:is(.card > a, .daily-artwork > a, .quote-image-card > a, .book-artwork-grid > a):has(> img:only-child[src$=".webp"]))) {
    overflow: clip;
    isolation: isolate;
  }
  html:not(.motion-off) :is(.red-sea-feature, .proverbs-lion) {
    --scene-art-sheen-layer: -1;
  }
  html:not(.motion-off) :is(.review-cover, .cover-wrap, .cloud-cover, .album-artwork, .red-sea-feature, .proverbs-lion,
    :where(:is(.card > a, .daily-artwork > a, .quote-image-card > a, .book-artwork-grid > a):has(> img:only-child[src$=".webp"])))::after {
    content: "";
    position: absolute;
    z-index: var(--scene-art-sheen-layer, auto);
    inset: 0;
    pointer-events: none;
    background: linear-gradient(112deg, transparent 28%, #fff7 49%, transparent 67%);
    opacity: 0;
    translate: -110% 0;
  }
  html:not(.motion-off) :is(.review-cover, .cover-wrap, .cloud-cover, .album-artwork, :where(:is(.card > a, .daily-artwork > a, .quote-image-card > a, .book-artwork-grid > a):has(> img:only-child[src$=".webp"]))):hover::after,
  html:not(.motion-off) :is(.red-sea-feature, .proverbs-lion):hover::after {
    animation: vbm-cover-glint .58s ease-out both;
  }
  html:not(.motion-off) :is(a.btn, a.button, a[data-cta^="amazon_book_"]):not(.cloud-cover) {
    transition: scale .2s ease-in-out, box-shadow .2s ease-in-out;
  }
  html:not(.motion-off) :is(a.btn, a.button, a[data-cta^="amazon_book_"]):not(.cloud-cover, :active):hover {
    scale: 1.02;
    box-shadow: 0 7px 18px #0005, 0 0 14px color-mix(in srgb, var(--vbm-interaction-glow) 36%, transparent);
  }
  html:not(.motion-off) :is(a.btn, a.button) > span[aria-hidden="true"] {
    display: inline-block;
    transition: translate .2s ease-in-out;
  }
  html:not(.motion-off) :is(a.btn, a.button):hover > span[aria-hidden="true"] { translate: 3px 0; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) :is(.red-sea-art, .proverbs-lion-art) { transition: scale .28s ease, filter .28s ease; }
  html:not(.motion-off) :is(.red-sea-feature, .proverbs-lion):hover > :is(.red-sea-art, .proverbs-lion-art) { scale: 1.025; }
  @media (max-width: 690px) {
    html:not(.motion-off) :is(.red-sea-feature, .proverbs-lion)::after { bottom: auto; aspect-ratio: 1.49; }
    html:not(.motion-off) .proverbs-lion::after { aspect-ratio: 1.4; }
  }
}
@keyframes vbm-cover-glint {
  0% { opacity: 0; translate: -110% 0; }
  25% { opacity: .65; }
  100% { opacity: 0; translate: 110% 0; }
}

@media (hover: hover) and (pointer: fine) {
  main :is(.card, .review-card, .daily-transcript, .scripture-feature):hover {
    border-color: color-mix(in srgb, var(--vbm-interaction-glow) 76%, #eac98a);
  }
}

.review-card .review-book-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  width: fit-content;
  min-height: 44px;
  padding: .55rem .95rem;
  background: linear-gradient(120deg, #35205b, #192c50);
  border: 1px solid #a590d4;
  color: #fff;
}
.review-card .review-book-link > span { color: #a6e6ff; }
.review-card .review-book-link:hover { border-color: var(--vbm-interaction-glow); }

:is(.daily-transcript, .daily-scripture-entry blockquote, .quote-permalink blockquote) {
  border-radius: .55rem;
}
@media (hover: hover) and (pointer: fine) {
  :is(.daily-transcript, .daily-scripture-entry blockquote, .quote-permalink blockquote):hover {
    background-image: radial-gradient(ellipse at 25% 15%, #ffc58320, transparent 78%);
    box-shadow: inset 0 0 0 1px #efc38c4d, 0 5px 16px #0003;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) :is(.daily-transcript, .daily-scripture-entry blockquote, .quote-permalink blockquote) {
    transition: box-shadow .2s ease-out;
  }
}

.recommendation-item { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: clamp(.8rem, 3vw, 1.6rem); }
.recommendation-cover { display: block; width: clamp(64px, 13vw, 132px); border-radius: .45rem; }
.recommendation-cover img { width: 100%; height: auto; border-radius: inherit; box-shadow: 0 7px 16px #0005; }
.recommendation-covers { display: flex; flex-wrap: wrap; gap: .8rem; margin-block: .7rem 1rem; }
.recommendation-covers .recommendation-cover { width: clamp(56px, 11vw, 88px); }
.recommendation-picks { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 1rem; }
.recommendation-picks .recommendation-item { padding: 1rem; border: 1px solid #ffffff24; border-radius: .8rem; }
.recommendation-picks h3 { margin: 0; }
.quotes-book-pick .recommendation-cover { width: 64px; }


/* Book recommendations and their on-demand video previews. */
.book-recommendation {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.25rem, 4vw, 3rem);
}
.book-recommendation-intro { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 1rem; }
.book-recommendation-intro .eyebrow { margin-bottom: .35rem; }
.book-recommendation-intro h2, .book-recommendation-intro h3, .book-recommendation-intro h4 { margin: 0; }
.book-recommendation-intro h4 { font: 600 1.35rem/1.2 var(--serif); }
.book-recommendation-intro p:last-child { margin-bottom: 0; color: var(--muted); }
.book-recommendation-context { margin-top: .85rem; }
.book-recommendation-pitch { margin-block: 1rem; }
.book-recommendation-pitch strong { color: var(--accent); }
.book-recommendation .actions { margin-block: .9rem 1.15rem; }
.book-recommendation-review { margin: 0; padding: .85rem 1rem; border-left: 2px solid var(--accent); background: #10142c; border-radius: .45rem; }
.book-recommendation-review .eyebrow { margin-bottom: .35rem; }
.book-recommendation-review blockquote { margin: 0; }
.book-recommendation-review blockquote p { margin: 0 0 .45rem; }
.book-recommendation-review figcaption { display: flex; flex-wrap: wrap; gap: .35rem .75rem; align-items: baseline; color: var(--muted); font-size: .85rem; }
.book-recommendation-review figcaption a { color: var(--accent); }
.book-trailer-preview {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: .9rem;
  border: 1px solid #9bdfff6b;
  background: #10142c;
  text-decoration: none;
}
.book-trailer-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.book-trailer-preview > span {
  position: relative;
  display: inline-flex;
  gap: .55rem;
  align-items: center;
  padding: .55rem .85rem;
  border-radius: 999px;
  background: #11132bee;
  color: white;
  font-size: .86rem;
  font-weight: 700;
  text-align: center;
}
.book-trailer-preview:hover > span, .book-trailer-preview:focus-visible > span { background: #31205b; }
.book-recommendation-media .player { min-height: 0; border: 1px solid #9bdfff6b; border-radius: .9rem; }
.quotes-book-feature {
  padding: clamp(.8rem, 3vw, 2rem);
  border: 1px solid #aa91f760;
  border-radius: 1.5rem;
  background: radial-gradient(ellipse at 85% 0%, #42316c 0%, transparent 60%), #12162e;
  box-shadow: 0 1rem 3rem #090a2355;
}
.quotes-book-feature .book-recommendation { background: #151832; }
.quotes-book-feature .book-recommendation-intro .recommendation-cover { width: clamp(4rem, 12vw, 7.5rem); }
.quotes-book-reviews { padding: clamp(.25rem, 2vw, 1rem); padding-top: 1.5rem; }
.quotes-book-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.5rem), 1fr));
  gap: 1rem;
}
.quotes-book-review-grid figure { border: 1px solid #aa91f740; border-left: 2px solid var(--accent); }
.quotes-book-feature .book-trailer-preview:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html:not(.motion-off) .quotes-book-feature :is(.book-trailer-preview, .book-recommendation-review) {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  html:not(.motion-off) .quotes-book-feature :is(.book-trailer-preview, .book-recommendation-review):hover {
    transform: translateY(-3px);
    border-color: #b5adff;
    box-shadow: 0 .7rem 1.5rem #795de944;
  }
}
.book-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.book-guide-pick > h3 { margin: 0 0 .6rem; }
.book-guide-pick .book-recommendation { grid-template-columns: 1fr; height: auto; }
@media (max-width: 760px) {
  .book-guide-grid, .book-recommendation { grid-template-columns: 1fr; }
  .book-recommendation-media { grid-row: 1; }
}

/* Smith Wigglesworth collection */
.nav-dropdown{position:relative;white-space:nowrap}
.nav-dropdown>summary{cursor:pointer;list-style:none;font-size:.84rem;font-weight:640;color:#eeeaff}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>summary span{color:var(--accent);margin-inline-start:.25rem}
.nav-dropdown-panel{position:absolute;z-index:3;inset-block-start:calc(100% + .75rem);inset-inline-start:-.8rem;display:grid;min-width:13rem;padding:.55rem;border:1px solid var(--accent-border);border-radius:12px;background:#1c1835;box-shadow:0 .6rem 1.7rem #080612a0}
.top nav .nav-dropdown-panel a{padding:.65rem .8rem;border-radius:.4rem}
.top nav .nav-dropdown-panel a:hover{background:#ffffff10}
@media(max-width:1050px){.nav-dropdown>summary{padding:.4rem .35rem}.nav-dropdown-panel{position:static;box-shadow:none;margin-top:.3rem;min-width:0}}
.wig-wrap{width:min(1160px,calc(100% - 3rem));margin-inline:auto}
.wig-hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(390px,43vw,630px);background:#141225}
.wig-hero>img,.wig-hero::after{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:64% center}
.wig-hero::after{content:"";z-index:-1;background:linear-gradient(90deg,#100f22ee 1%,#100f22ca 34%,transparent 79%)}
.wig-hero-copy{padding-block:3rem}
.wig-hero-copy h1{font-size:clamp(2.75rem,6vw,5.3rem);max-width:10ch}
.wig-hero-copy>p:not(.eyebrow){max-width:44ch;color:#f5eafb}
.wig-section{padding-block:clamp(2rem,5vw,4rem)}
.wig-section>p{max-width:75ch}
.wig-reading{max-width:780px}
.wig-reading h1{font-size:clamp(2.05rem,4.5vw,4rem);overflow-wrap:anywhere}
.wig-reading h2{font-size:clamp(1.55rem,3vw,2.35rem)}
.wig-reading>img{width:100%;height:auto;border-radius:18px;margin-block:.4rem 1rem}
.wig-filters{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap}
.wig-filters{margin-block:1.2rem}
.wig-filters label{display:grid;gap:.3rem;min-width:min(16rem,100%);color:#e5dcf7;font-weight:650}
.wig-filters input,.wig-filters select{padding:.75rem;border-radius:.55rem;border:1px solid #bca9db88;background:#252044;color:#fff;font:inherit}
.wig-filters p{margin:.5rem 0;color:#e5dcf7}
.wig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:1rem}
.wig-card{border:1px solid #8a76aa72;border-radius:16px;background:#1d1936;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.wig-card:hover,.wig-card:focus-within{border-color:#f0c689;box-shadow:0 8px 28px #8555bf38;transform:translateY(-3px)}
.wig-card>a{display:block;color:#fff;text-decoration:none}
.wig-card img{display:block;width:100%;height:auto;aspect-ratio:1200/630}
.wig-card-copy{display:grid;gap:.3rem;padding:1rem}
.wig-card-copy .eyebrow{margin:0}
.wig-card-copy q{font-family:var(--serif);font-size:1.2rem}
.wig-card-label{font-size:.83rem;color:#ebc993}
.wig-action{display:inline-flex;padding:.7rem 1.15rem;margin-top:1rem;border-radius:999px;border:1px solid #d6a76c;background:linear-gradient(125deg,#392355,#203762);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:box-shadow .2s}
.wig-action:hover,.wig-action:focus-visible{box-shadow:0 4px 21px #c383f66b}
.wig-action:active{box-shadow:0 10px 24px #b875fbba}
@media(max-width:670px){.wig-hero>img{object-position:69% center}.wig-hero::after{background:linear-gradient(90deg,#100f22fa,#100f22a5 72%,#100f2250)}}
@media(prefers-reduced-motion:reduce){.wig-card,.wig-action{transition:none}.wig-card:hover,.wig-card:focus-within{transform:none}}

#wig-reading-room,#wig-quotes{scroll-margin-top:6rem}
.wig-hero-copy .actions .wig-action,.wig-reading-room-panel .actions .wig-action{margin-top:0}
.wig-reading-room-panel{
  padding:clamp(1.3rem,5vw,3.5rem);
  border:1px solid #ab8fc16b;
  border-top-color:#e9bb7d;
  border-radius:24px;
  background:radial-gradient(ellipse at 90% 0%,#59407b80,transparent 57%),linear-gradient(145deg,#252040,#171c3a);
  box-shadow:0 16px 46px #0a071e78;
}
.wig-reading-room-panel:focus-within{border-color:#d4a873}
.wig-reading-room-panel h2{font-size:clamp(2rem,4.25vw,3.65rem);text-wrap:pretty}
.wig-room-intro{max-width:59ch;color:#f2e6fc}
.wig-source-list,.wig-topics{
  display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));
}
.wig-source-list{list-style:none;padding:0;margin:1.65rem 0 .9rem}
.wig-source-card,.wig-topic-button{
  display:flex;align-items:center;justify-content:space-between;gap:.8rem;
  min-height:3.5rem;border:1px solid #ad8ad978;border-radius:12px;
  text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;
}
.wig-source-card{height:100%;padding:.9rem 1rem;color:#fff4ec;background:linear-gradient(135deg,#413059,#292446)}
.wig-source-card small,.wig-topic-button small{display:block;color:#f2cc96;font-size:.77rem;margin-bottom:.25rem}
.wig-source-card q{display:block;font-family:var(--serif);font-size:1.15rem}
.wig-topic-button{padding:.7rem .9rem;background:linear-gradient(125deg,#40305f,#263b65)}
.wig-topic-button small{margin:0;color:#dfd7f9;font-weight:500}
.wig-link-arrow{color:#f6c88a;flex:none;transition:transform .2s}
.wig-source-card:is(:hover,:focus-visible),.wig-topic-button:is(:hover,:focus-visible){
  transform:translateY(-3px);border-color:#eac186;box-shadow:0 8px 22px #ac7ce54d;
}
.wig-source-card:is(:hover,:focus-visible) .wig-link-arrow,.wig-topic-button:is(:hover,:focus-visible) .wig-link-arrow{transform:translateX(4px)}
.wig-source-card:active,.wig-topic-button:active{box-shadow:0 10px 28px #cb96fa86}
.wig-source-note{font-size:.84rem;color:#ddd0ef;max-width:68ch}
.wig-teaching-panel{margin-top:2.3rem;padding-top:1.6rem;border-top:1px solid #c3a9e150}
.wig-teaching-panel h3{font-size:clamp(1.7rem,3vw,2.65rem)}
@media(prefers-reduced-motion:reduce){
  .wig-source-card,.wig-topic-button,.wig-link-arrow{transition:none}
  .wig-source-card:is(:hover,:focus-visible),.wig-topic-button:is(:hover,:focus-visible),
  .wig-source-card:is(:hover,:focus-visible) .wig-link-arrow,.wig-topic-button:is(:hover,:focus-visible) .wig-link-arrow{transform:none}
}

/* Video library */
.video-library-hero .scenic-head-copy{max-width:39rem}
.video-library-card{transition:transform .22s,border-color .22s,box-shadow .22s}
.video-library-card:hover,.video-library-card:focus-within{border-color:#d7a56f;box-shadow:0 10px 28px #a070da44}
.video-library-card>a{display:block;overflow:hidden}
.video-library-card>a>img{transition:transform .28s,filter .28s}
.video-library-card:hover>a>img,.video-library-card:focus-within>a>img{transform:scale(1.035);filter:brightness(1.08)}
.video-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.9rem,2.5vw,1.5rem)}
.video-message-grid h2{font-size:clamp(1.65rem,3vw,2.5rem)}
.library-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.library-video-frame .library-player{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.message-gallery{grid-template-columns:1fr;align-items:stretch;gap:.85rem}
.message-gallery .message-card{display:flex;flex-direction:column;min-width:0;overflow:visible}
.message-card>.library-video-frame{width:calc(100% - 1.1rem);margin:.55rem .55rem 0}
.message-card .body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:clamp(.95rem,2vw,1.35rem)}
.message-gallery h2{font-size:clamp(1.55rem,2.3vw,2rem);text-wrap:pretty}
.message-card-action{margin-top:auto}
@media(min-width:815px){.message-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1220px){.message-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
.video-library-watch{max-width:900px;margin:1.15rem auto 0 0}
@media(max-width:720px){.video-message-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .video-library-card,.video-library-card>a>img{transition:none}
  .video-library-card:hover>a>img,.video-library-card:focus-within>a>img{transform:none}
}

/* Shorts playlist and browse controls */
.shorts-library{display:grid;grid-template-columns:minmax(205px, .72fr) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,4vw,3rem)}
.shorts-player-frame{width:min(100%,320px);aspect-ratio:9/16;position:relative;margin-inline:auto;background:#080611;scroll-margin-top:6rem}
.shorts-player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.shorts-library-copy{min-width:0}
.shorts-library-copy h2{font-size:clamp(2rem,4vw,3.25rem)}
.shorts-browse{margin-block:1.25rem}
.shorts-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr));gap:.6rem;margin-bottom:.8rem}
.shorts-tile{display:grid;grid-template-rows:auto 1fr;align-items:start;gap:.4rem;text-align:left;color:#f7f5ff;background:#211e40;border:1px solid #b698e665;border-radius:.7rem;padding:.35rem;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.shorts-tile img{display:block;width:100%;height:auto;border-radius:.4rem;aspect-ratio:9/16;object-fit:cover;background:#100d21}
.shorts-tile img.shorts-thumbnail-wide{object-fit:contain}
.shorts-tile span{font-weight:700;font-size:.81rem;padding-inline:.25rem}
.shorts-tile:is(:hover,:focus-visible,[aria-pressed=true]){border-color:#b0e7ff;box-shadow:0 5px 17px #6a8ff268}
.shorts-tile:hover{transform:translateY(-2px)}
@media(max-width:760px){.shorts-library{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.shorts-tile{transition:none}.shorts-tile:hover{transform:none}}

/* Albums recommended on the Shorts page */
.shorts-music-picks{background:radial-gradient(ellipse at 78% 0%,#51408096,transparent 55%),linear-gradient(145deg,#27203e,#182746)}
.shorts-music-picks .section-head h2{font-size:clamp(2rem,4vw,3.45rem)}
.shorts-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,1.8vw,1.3rem)}
.shorts-album{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #b9a0dc66;border-radius:16px;background:#12132b;transition:border-color .22s,box-shadow .22s,transform .22s}
.shorts-album:is(:hover,:focus-within){border-color:#cda6fb;box-shadow:0 10px 25px #0c092c99;transform:translateY(-3px)}
.shorts-album-cover{display:block;overflow:hidden;background:#19182e}
.shorts-album-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .25s}
.shorts-album:is(:hover,:focus-within) .shorts-album-cover img{transform:scale(1.035)}
.shorts-album-copy{display:flex;flex:1;flex-direction:column;padding:1rem}
.shorts-album-copy .eyebrow{font-size:.64rem;letter-spacing:.1em;margin-bottom:.4rem}
.shorts-album-copy h3{font-size:clamp(1.4rem,2.15vw,1.9rem)}
.shorts-album-copy p:not(.eyebrow){font-size:.9rem;color:#dfd9f0}
.shorts-album-action{margin-top:auto}
@media(max-width:980px){.shorts-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.shorts-album-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .shorts-album,.shorts-album-cover img{transition:none}
  .shorts-album:is(:hover,:focus-within),.shorts-album:is(:hover,:focus-within) .shorts-album-cover img{transform:none}
}

.shorts-stage{min-width:0}
.shorts-selection{max-width:320px;margin:1rem auto 0}
.shorts-selection h3{font-size:clamp(1.22rem,2.2vw,1.65rem)}
.shorts-selection p,.shorts-description{white-space:pre-line;overflow-wrap:anywhere}
.shorts-selection [data-shorts-description]{color:#e8ddf5;font-size:.9rem}
.shorts-tile span{overflow-wrap:anywhere}

/* Free faith guide signup */
.faith-guide.feature-box{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;
  padding:0;overflow:hidden;border-color:#bd9deb8c;scroll-margin-top:6rem;
  background:radial-gradient(ellipse at 13% 6%,#61438380,transparent 64%),linear-gradient(125deg,#2c1a46,#141c39);
  box-shadow:0 15px 45px #0806198a;transition:border-color .25s,box-shadow .25s;
}
.faith-guide:is(:hover,:focus-within){border-color:#c8a5f5;box-shadow:0 16px 48px #6c3a9c52}
.faith-guide-copy{padding:clamp(1.4rem,4.1vw,3.15rem);min-width:0}
.faith-guide h2{font-size:clamp(2.15rem,4.2vw,3.75rem);max-width:17ch;text-wrap:balance}
.faith-guide-lead{max-width:47ch;color:#f0e5fb;font-size:clamp(1.02rem,1.45vw,1.14rem)}
.faith-guide-steps{display:flex;flex-wrap:wrap;gap:.48rem;list-style:none;padding:0;margin:1.2rem 0 1.4rem}
.faith-guide-steps li{display:flex;align-items:center;gap:.42rem;border:1px solid #bba3e262;border-radius:999px;background:#fff1;color:#f7eeff;padding:.3rem .66rem;font-size:.78rem;font-weight:700}
.faith-guide-steps span{color:#ffe0a8;font-size:.67rem}
.faith-guide .faith-guide-button.btn{
  padding:.8rem 1.25rem;min-height:51px;border-color:#e1b8fb;
  background:linear-gradient(108deg,#8032a4,#155a9f);box-shadow:0 6px 21px #6d43b76b;
}
.faith-guide .faith-guide-button.btn:is(:hover,:focus-visible){box-shadow:0 8px 28px #76a5ff90,0 0 21px #bf79ff60}
.faith-guide .faith-guide-button.btn:active{box-shadow:0 13px 30px #a980ffff,0 0 25px #87cbffad}
.faith-guide-note{color:#dbd1ee;max-width:50ch;font-size:.83rem;line-height:1.5;margin:.85rem 0 0}
.faith-guide-art{margin:0;display:grid;place-items:center;min-width:0;background:#151326}
.faith-guide-art video{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:1;object-fit:contain}
.author-portrait-video{display:block;height:auto}
@media(max-width:740px){
  .faith-guide.feature-box{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .faith-guide{transition:none}
}

/* Keep the artwork as the visible quote and give sharing its own control. */
.wig-card-image:focus-visible{outline-offset:-4px}
.wig-card-copy .wig-card-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wig-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.45rem}
.wig-card-actions .quote-share-controls{margin:0}

.book-finder {
  margin: 1rem 0 1.35rem;
  border: 1px solid var(--accent-border);
  border-radius: .95rem;
  background: linear-gradient(120deg, #33234f, #172942);
}
.book-finder summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .65rem .85rem;
  cursor: pointer;
  list-style: none;
}
.book-finder summary::-webkit-details-marker { display: none; }
.book-finder summary:hover { background: #ffffff09; border-radius: inherit; }
.book-finder-icon, .book-finder-toggle {
  display: grid;
  place-items: center;
  color: var(--accent);
  background: #0e1c376b;
  border-radius: .55rem;
}
.book-finder-icon { width: 2.3rem; height: 2.3rem; }
.book-finder-icon svg { width: 1.25rem; height: 1.25rem; }
.book-finder-toggle { width: 1.85rem; height: 1.85rem; line-height: 1; font-size: 1.15rem; }
.book-finder[open] .book-finder-toggle { transform: rotate(180deg); }
.book-finder-heading { display: grid; line-height: 1.25; gap: .18rem; }
.book-finder-heading strong { color: var(--ink); }
.book-finder-heading span { color: var(--muted); font-size: .83rem; }
.book-finder-content { border-top: 1px solid var(--accent-border); padding: .8rem; }
.book-finder form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem .8rem; }
.book-finder fieldset { min-inline-size: 0; margin: 0; padding: .35rem .65rem .45rem; border: 1px solid var(--accent-border); border-radius: .55rem; }
.book-finder legend { padding-inline: .25rem; font-weight: 700; }
.book-finder label { display: block; padding: .17rem 0; cursor: pointer; }
.book-finder input { accent-color: var(--brand-cyan); }
.book-finder button { grid-column: 1 / -1; justify-self: start; }
.book-finder [role="status"]:empty { margin: 0; }
.book-finder [data-finder-result] > * { margin-top: .65rem; }
@media (max-width: 650px) { .book-finder form { grid-template-columns: 1fr; } }
.book-finder[hidden] { display: none; }
.book-spotlight { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(.8rem, 3vw, 1.5rem); align-items: start; }
.book-spotlight h2 { margin-block: .2rem .4rem; overflow-wrap: anywhere; }
.book-spotlight p { margin-block: 0 .6rem; }
.book-spotlight-review { color: var(--muted); font-size: .92rem; }
@media (max-width: 500px) {
  .book-spotlight .btn { white-space: normal; }
  .book-spotlight > .recommendation-cover { width: 68px; }
}

.church-timeline, .church-timeline li { scroll-margin-top: 7rem; }
.church-timeline li:target { border-inline-start: .2rem solid var(--accent); padding-inline-start: .7rem; }
.church-timeline summary { cursor: pointer; }
.archival-image-note { margin-block: 1.25rem; }
.archival-image-note p { margin-bottom: 0; }

.assessment-form fieldset { margin: .75rem 0; border: 1px solid var(--accent-border); border-radius: .55rem; padding: .55rem .9rem; }
.assessment-form label { display: block; padding: .25rem 0; cursor: pointer; }
.assessment-form input { accent-color: var(--brand-cyan); }

.study-page-hero { position: relative; isolation: isolate; background: #101025; color: #fff; }
.study-page-hero-inner { display: flex; align-items: center; min-height: clamp(465px, 41.66vw, 805px); padding-block: 2rem; }
.study-page-hero-copy { width: min(41%, 31rem); }
.study-page-hero h1 { font-size: clamp(2.7rem, 4.45vw, 4.7rem); text-wrap: balance; }
.study-page-hero .lead { max-width: 30rem; }
.study-page-hero-times { margin-top: 1.15rem; color: var(--ink); }
.study-hero-schedule { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: 1rem 0 0; padding: 0; }
.study-hero-schedule .study-time-button { min-height: 36px; padding: .35rem .65rem; gap: .28rem; font-size: .8rem; border-color: var(--accent-border); background: #191b35; }
.study-time-button strong { color: var(--accent); }
#saturday-bible-study { scroll-margin-top: 6rem; }
.study-page-hero .actions { gap: .6rem; margin-bottom: 0; }
.study-page-hero-visual { position: absolute; inset: 0; z-index: -1; margin: 0; }
.study-page-hero-visual picture, .study-page-hero-art { display: block; width: 100%; height: 100%; }
.study-page-hero-art { object-fit: cover; object-position: right center; }
.study-page-hero-visual figcaption { position: absolute; right: 1rem; bottom: .7rem; padding: .25rem .6rem; border-radius: .3rem; background: #0e1026ed; }
.study-guide-hero h1 { font-size: clamp(2.4rem, 3.9vw, 3.9rem); }
.study-guide-hero .back { color: var(--accent); }
.study-guide-hero .study-page-hero-visual::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(90deg, #100f23c7, #100f2380 35%, transparent 54%); }
.study-guide-hero .study-page-hero-visual figcaption { z-index: 1; }
.study-guide-cards .card > a { display: block; text-decoration: none; }
.study-guide-cards .card h3 { color: var(--ink); }
@media (max-width: 960px) {
 .study-page-hero-inner { display: block; min-height: 0; padding-block: clamp(2rem, 6vw, 3rem); }
 .study-page-hero-copy { width: min(100%, 32rem); }
 .study-page-hero-visual { position: relative; }
 .study-page-hero-visual picture, .study-page-hero-art { height: auto; }
 .study-guide-hero .study-page-hero-art { aspect-ratio: 3 / 2; object-fit: cover; object-position: right center; }
 .study-guide-hero .study-page-hero-visual::after { display: none; }
}

.catalog-landing-hero h1 { font-size: clamp(2.55rem, 4.2vw, 4.35rem); }
.catalog-jump h2 { font-size: clamp(1.55rem, 3vw, 2.3rem); }
.catalog-jump ul { display: flex; flex-wrap: wrap; gap: .55rem; list-style: none; padding: 0; margin: 1rem 0 0; }
.catalog-jump a { display: inline-block; }
.catalog-answer { scroll-margin-top: 6rem; }
.catalog-answer > h2 { font-size: clamp(1.75rem, 3.4vw, 2.85rem); text-wrap: pretty; }
.catalog-answer .book-recommendation { margin-top: 1.5rem; }
.catalog-contents { margin-top: 1rem; padding: .8rem 1rem; border: 1px solid var(--line); border-radius: .7rem; }
.catalog-contents summary { color: var(--accent); font-weight: 700; }
.catalog-release { display: grid; grid-template-columns: minmax(130px, 225px) minmax(0, 1fr); align-items: start; gap: clamp(1rem, 4vw, 3rem); }
.catalog-release-cover img { width: 100%; border-radius: .75rem; }
.catalog-release + .book-spotlight { margin-top: 1rem; }
@media (max-width: 960px) {
 .catalog-landing-hero .study-page-hero-art { aspect-ratio: 3 / 2; object-fit: cover; object-position: right center; }
}
@media (max-width: 600px) {
 .catalog-release { grid-template-columns: 1fr; }
 .catalog-release-cover { width: min(65vw, 225px); }
}
#submit-prayer, #prayer-board, .community-request { scroll-margin-top: 6rem; }
#submit-prayer .community-form { display: grid; align-items: start; }
.community-form .community-consent {
  display:flex;align-items:flex-start;justify-self:start;gap:.65rem;
  cursor:pointer;line-height:1.5;
}
.community-form .community-consent input[type="checkbox"] {
  flex:none;inline-size:1.125rem;block-size:1.125rem;padding:0;margin:.08rem 0 0;
  accent-color:var(--brand-cyan);cursor:pointer;
}
#submit-prayer textarea { width: 100%; max-width: 100%; resize: vertical; padding: .75rem; border: 1px solid var(--accent-border); border-radius: .6rem; font: inherit; color: var(--ink); background: var(--panel); }
#submit-prayer .community-form button { justify-self: start; }
#prayer-board input[type="search"] { max-width: 100%; }
.community-request { margin-block: 1rem; }
.community-request-text { white-space: pre-wrap; overflow-wrap: anywhere; }

.faith-guide-form label{display:block;margin-bottom:.4rem;font-size:.85rem;font-weight:700}
.faith-guide-fields{display:flex;flex-wrap:wrap;align-items:stretch;gap:.55rem}
.faith-guide-fields input[type=email]{flex:1 1 11rem;min-width:0;min-height:51px;padding:.65rem .8rem;border:1px solid #bd9deb8c;border-radius:10px;background:#19162f;color:var(--ink)}
.faith-guide-fields input::placeholder{color:#c4b6d9}
.faith-guide-fields button:disabled{opacity:.65;cursor:wait;transform:none}
.faith-guide-status{color:#f7eeff;font-weight:650;font-size:.88rem;margin:.6rem 0 0}
.faith-guide-status:empty{margin:0}
/* Share the vertical space where content sections meet. */
:where(main) > :is(.section, .wig-section):has(+ :is(.section, .wig-section)) {
  padding-block-end: clamp(1.25rem, 2.5vw, 2.25rem);
}
:where(main) > :is(.section, .wig-section) + :is(.section, .wig-section) {
  padding-block-start: clamp(1.25rem, 2.5vw, 2.25rem);
}
.section > .wrap:is(.prose) > h2:first-child,
.section > .wrap > .prose > h2:first-child { margin-block-start: 0; }

.section.prayer-submit-section{padding-bottom:clamp(.8rem,2vw,1.4rem)}
.prayer-submit-section .community-form{margin-bottom:0}
.section.prayer-board-section{padding-top:clamp(.8rem,2vw,1.4rem)}
#prayer-board>h2:first-child{margin-top:0}

/* Ministry library search */
.search-site-count{display:inline-block;margin:.8rem 0 0;padding:.55rem .85rem;border:1px solid var(--accent-border);border-radius:.65rem;background:var(--panel);color:var(--muted)}
.search-site-count strong,.search-category-count{color:var(--accent);font-variant-numeric:tabular-nums}
.search-count-note{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}
.search-category-count{margin:.3rem 0 0;font-size:.9rem;font-weight:700}
.search-panel h2,.search-directory h2,#search-results h2{font-size:clamp(1.65rem,3vw,2.4rem)}
.search-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:.8rem;align-items:end}
.search-form label{display:grid;gap:.35rem;color:var(--ink);font-size:.85rem;font-weight:700}
.search-form :is(input,select){width:100%;min-height:46px;border:1px solid var(--accent-border);border-radius:.65rem;padding:.55rem .7rem;background:#191a35;color:var(--ink)}
.search-quick,.search-pages{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .9rem;margin-top:1rem}
.search-quick{font-size:.85rem;color:var(--muted)}
.search-quick a,.search-browse{color:var(--accent)}
.search-directory,#search-results:not(:empty){margin-top:clamp(1.5rem,4vw,3rem)}
.search-directory ul,.search-result-list{display:grid;gap:.75rem;list-style:none;margin:1rem 0 0;padding:0}
.search-directory ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.search-directory li,.search-result-list li{border:1px solid var(--line);border-radius:.85rem;background:var(--panel);padding:.8rem 1rem}
.search-category{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:750;text-decoration:none}
.search-category:hover{color:var(--accent)}
.search-browse{display:inline-block;margin-top:.25rem;font-size:.82rem}
.search-result-list li{display:flex;align-items:flex-start;gap:1rem}
.search-result-list img{width:clamp(70px,13vw,120px);aspect-ratio:16/10;object-fit:contain;background:#101027;border-radius:.4rem}
.search-result-list li>div{min-width:0}
.search-result-list h3{font-size:clamp(1.1rem,2.3vw,1.45rem);overflow-wrap:anywhere}
.search-result-list p,.search-result-count{margin:.2rem 0 0;color:var(--muted)}
.search-result-list .search-result-type{font-size:.72rem;color:var(--accent);font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.search-pages{justify-content:center}
@media(max-width:700px){
  .search-form{grid-template-columns:minmax(0,1fr)}
  .search-form button{justify-self:start}
}

#faith-beliefs,#faith-scriptures{scroll-margin-top:6rem}
.faith-belief-card .body{display:flex;flex-direction:column;align-items:flex-start}
.faith-belief-card .body .btn{margin-top:auto}
.faith-doctrine-hero .study-page-hero-visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#101025dc 0%,#10102588 38%,transparent 68%);
}
@media(max-width:960px){
  .faith-doctrine-hero .study-page-hero-inner{min-height:25rem;display:flex}
  .faith-doctrine-hero .study-page-hero-visual{position:absolute}
  .faith-doctrine-hero .study-page-hero-art{height:100%;aspect-ratio:auto}
  .faith-doctrine-hero .study-page-hero-visual::after{background:linear-gradient(90deg,#101025ed,#101025b0 62%,#10102552)}
}

.blog-study-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem;margin-top:1.25rem;padding:.65rem 1rem;border:1px solid var(--accent-border);border-radius:.8rem;background:var(--panel)}
.blog-study-link strong{color:var(--ink)}
/* Keep booking copy beside the church scene so the screen stays readable. */
.contact-speaking-head{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.4fr);align-items:center;background:radial-gradient(ellipse at 80% 4%,#23214a,transparent 70%),#17132e}
.contact-speaking-scene{margin:0}
.contact-speaking-art{width:100%;height:auto}
.contact-booking-copy{min-width:0;padding:clamp(1.65rem,4vw,3.4rem) clamp(1rem,3vw,3rem) clamp(1.65rem,4vw,3.4rem) clamp(1.5rem,calc((100vw - 1160px)/2),5rem)}
.contact-booking-copy h1{font-size:clamp(2.35rem,4.4vw,4.65rem)}
.contact-screen-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){
  .contact-speaking-head{grid-template-columns:1fr}
}
@media(max-width:560px){
  .contact-screen-transcript{position:static;width:auto;height:auto;margin:0;padding:.9rem 1.5rem;clip-path:none;white-space:normal;background:#11152f}
  .contact-screen-transcript blockquote{margin:0}
  .contact-screen-transcript cite{display:block;margin-top:.35rem;color:var(--accent);font-size:.8rem}
}

/* Resource collections and practical study guides */
.resource-directory{display:grid;gap:clamp(.9rem,2.3vw,1.5rem)}
.resource-panel{min-width:0;padding:clamp(1rem,3.2vw,2.35rem);border:1px solid var(--accent-border);border-radius:1.2rem;background:radial-gradient(ellipse at 95% 0%,#40325a66,transparent 60%),linear-gradient(135deg,#20203d,#141932);box-shadow:0 12px 34px #0708165c;scroll-margin-top:6rem;transition:border-color .2s,box-shadow .2s}
.resource-panel:is(:hover,:focus-within,:target){border-color:#ba9ce0;box-shadow:0 12px 34px #26164a85}
.resource-panel h2{font-size:clamp(1.6rem,3.2vw,2.65rem);margin:.15rem 0 .65rem;text-wrap:balance}
.resource-panel p{max-width:72ch;color:#e4dcf5}
.resource-panel .eyebrow{color:var(--accent)}
.resource-tiles,.resource-steps,.resource-timeline{display:grid;gap:.7rem;list-style:none;margin:1rem 0 0;padding:0}
.resource-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.resource-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;height:100%;align-items:center;justify-content:space-between;gap:.65rem;padding:.75rem .85rem;border:1px solid #a699d455;border-radius:.75rem;background:linear-gradient(125deg,#2a2449,#1c2850);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.resource-tile::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 34%,#b8e7ff20 50%,transparent 67%);transform:translateX(-100%);transition:transform .45s ease}
.resource-tile:is(:hover,:focus-visible){border-color:#f0d39e;box-shadow:0 6px 20px #7e62bd60;transform:translateY(-2px)}
.resource-tile:is(:hover,:focus-visible)::before{transform:translateX(100%)}
.resource-tile-copy{display:grid;gap:.15rem;min-width:0}
.resource-tile-copy strong{color:var(--ink);font-size:.95rem}
.resource-tile-copy small{font-size:.83rem;line-height:1.4}
.resource-arrow,.resource-step-number{flex:none;display:grid;place-items:center;min-width:2rem;height:2rem;border-radius:.55rem;color:#ffe2ad;background:#f4d19715;border:1px solid #f4d19745;font-size:.82rem;font-weight:800}
.resource-arrow{transition:transform .2s,color .2s}
.resource-tile:is(:hover,:focus-visible) .resource-arrow{transform:translateX(3px);color:#fff}
.resource-steps li,.resource-timeline li{min-width:0;padding:.65rem .8rem;border:1px solid var(--line);border-inline-start:3px solid #86d5f776;border-radius:.55rem;background:#12183290;transition:background .2s,border-color .2s}
.resource-steps li:is(:hover,:focus-within),.resource-timeline li:is(:hover,:focus-within){background:#25234a;border-inline-start-color:#f0d39e}
.resource-steps li,.resource-steps label{display:flex;align-items:flex-start;gap:.75rem}
.resource-steps label{width:100%;cursor:pointer}
.resource-steps input{flex:none;width:1.1rem;height:1.1rem;margin:.21rem 0 0;accent-color:#8bdcff}
.resource-steps li:has(input:checked){border-inline-start-color:#8bdcff;background:#152d48}
.resource-step-copy{display:grid;gap:.15rem}
.resource-step-copy strong a{color:var(--accent)}
.resource-timeline summary{padding:.25rem 0;color:var(--ink)}
.resource-timeline summary strong{color:var(--accent)}
.resource-timeline li p{margin:.4rem 0 .15rem}
.resource-assessment fieldset{transition:background .2s,border-color .2s}
.resource-assessment fieldset:is(:hover,:focus-within){background:#26254a;border-color:#b9a4e9}
@media(max-width:650px){.resource-tiles{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){
  .resource-panel,.resource-tile,.resource-tile::before,.resource-arrow,.resource-steps li,.resource-timeline li,.resource-assessment fieldset{transition:none}
  .resource-tile:is(:hover,:focus-visible),.resource-tile:is(:hover,:focus-visible) .resource-arrow{transform:none}
  .resource-tile::before{display:none}
}
@media print{
  body:has(.resource-guide)>:is(.top,.foot),main:has(.resource-guide)>:not(.resource-guide-section){display:none}
  .resource-guide,.resource-guide .resource-steps li{color-scheme:light;color:#000;background:#fff;border-color:#999;box-shadow:none}
  .resource-guide :is(p,a,.eyebrow,.resource-step-number){color:#000}
  .resource-guide .resource-steps li{break-inside:avoid}
}

.study-reminder-inline{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);scroll-margin-top:7rem}
.study-reminder-inline form{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}
.study-reminder-inline label{display:grid;gap:.25rem;flex:1 1 12rem}
.study-reminder-inline input[type=email]{width:100%;min-height:44px;padding:.55rem .7rem;border:1px solid var(--accent-border);border-radius:.55rem;color:var(--ink);background:#191a35}
.study-reminder-inline [role=status]:empty{display:none}
.give-form-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.25rem;align-items:start;scroll-margin-top:7rem}
.give-form-frame{width:100%;max-width:600px;justify-self:end}
.give-form-frame iframe{display:block;width:100%;border:0}
.give-form-frame [data-zeffy-embed-fallback]{overflow:hidden;border:1px solid var(--line);border-radius:.85rem;background:white}
.give-form-frame [data-zeffy-embed-fallback] iframe{height:580px}
#biblical-giving{scroll-margin-top:1rem}
.giving-article-intro figure{margin:0}
.giving-article-intro figcaption{margin-top:.55rem;font-size:.85rem;color:var(--muted)}
.giving-article-body{margin:clamp(1.5rem,4vw,3.5rem) auto 0}
.giving-article-body h3{margin-top:1.45em}
@media(max-width:760px){.give-form-layout{grid-template-columns:minmax(0,1fr)}}

.search-page-hero .study-page-hero-art{object-position:right 30%}

#faith-at-a-glance{scroll-margin-top:6rem}
.faith-dropdown-list,.faith-healing-dropdowns{display:grid;gap:.8rem}
.faith-dropdown{border:1px solid var(--accent-border);border-radius:.9rem;background:linear-gradient(120deg,#211d40,#14152c);overflow:hidden;transition:border-color .25s,box-shadow .25s}
.faith-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:1.1rem 1.3rem;list-style:none}
.faith-dropdown>summary::-webkit-details-marker{display:none}
.faith-dropdown>summary:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.faith-dropdown>summary strong{display:block;font-size:clamp(1.05rem,2vw,1.3rem);color:var(--ink)}
.faith-dropdown>summary small,.faith-dropdown-hint{display:block;color:var(--muted);font-size:.8rem;font-weight:400;margin-top:.2rem}
.faith-dropdown-plus{display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border:1px solid var(--accent-border);border-radius:50%;color:var(--accent);font-size:1.4rem;transition:transform .25s}
.faith-dropdown[open]{border-color:var(--accent);box-shadow:0 0 22px #7d65d920}
.faith-dropdown[open]>summary .faith-dropdown-plus{transform:rotate(45deg)}
.faith-dropdown-content{padding:0 1.3rem 1.25rem;line-height:1.75}
.faith-dropdown-content>p:first-child{margin-top:0}
.faith-dropdown[open]>.faith-dropdown-content{animation:faith-unfold .25s ease-out}
.faith-dropdown-scriptures{font-size:.88rem;color:var(--muted)}
.faith-healing-dropdowns{margin:1rem 0}
.faith-healing-item{background:#14152c}
.faith-healing-item>summary strong{font-size:1rem}
.faith-healing-item>summary{padding:.85rem 1rem}
.faith-healing-item>.faith-dropdown-content{padding:0 1rem 1rem}
.faith-source-links{margin-top:1rem}
@keyframes faith-unfold{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.faith-dropdown,.faith-dropdown-plus{transition:none}.faith-dropdown[open]>.faith-dropdown-content{animation:none}}

#contact-form{scroll-margin-top:7rem}
.contact-form-layout{align-items:start}
.contact-form-panel{width:100%;min-width:0}
.contact-form-panel form,.contact-form-panel label{display:grid;gap:.5rem}
.contact-form-panel form{gap:1rem}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea{width:100%;min-height:46px;padding:.65rem .75rem;border:1px solid var(--accent-border);border-radius:.6rem;color:var(--ink);background:#17182e;font:inherit}
.contact-form-panel textarea{resize:vertical}
.contact-form-panel :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.contact-form-panel button{justify-self:start}
.contact-form-panel [role=status]{margin:0}
.contact-form-panel [role=status]:empty{display:none}
.contact-spam-check{max-width:16rem}
.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:550px){.contact-fields{grid-template-columns:1fr}}

/* Contact: a full-width Biblical panorama and a useful companion to the form. */
.contact-panorama{position:relative;isolation:isolate;min-height:clamp(560px,43vw,760px);display:flex;align-items:center;overflow:hidden;background:#151027}
.contact-panorama-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2}
.contact-panorama:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,12,35,.43),transparent 64%),linear-gradient(0deg,#101027,transparent 25%)}
.contact-panorama-content{padding-block:clamp(3rem,6vw,6rem)}
.contact-panorama-content>div{max-width:510px;width:43%}
.contact-panorama h1{font-size:clamp(2.6rem,4.2vw,4.5rem);line-height:1.08}
.contact-panorama p{color:#eeebf5;max-width:47ch}
.contact-panorama .lead{color:#ecd49c}
.contact-form-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.contact-companion{position:relative;overflow:hidden;border:1px solid #8d704744;border-radius:24px;padding:clamp(1.5rem,3vw,2.5rem);background:radial-gradient(ellipse at top right,#593c5833,transparent 55%),linear-gradient(145deg,#201c3e,#14142d);box-shadow:0 22px 55px #0002}
.contact-companion-glow{position:absolute;right:1.6rem;top:.4rem;font-size:6rem;color:#e4bc6d;opacity:.11;pointer-events:none}
.contact-companion h2{font-size:clamp(1.75rem,2.7vw,2.5rem);max-width:17ch}
.contact-topic-list{margin-block:1.5rem;display:grid;gap:1rem}
.contact-topic-list>div{position:relative;padding-left:2.6rem;border-bottom:1px solid #ffffff12;padding-bottom:.8rem}
.contact-topic-list span{position:absolute;left:0;top:.2rem;color:#d6b575;font-size:.8rem;letter-spacing:.08em}
.contact-topic-list h3{margin:0 0 .35rem;font-size:1.08rem}
.contact-topic-list p{margin:0;font-size:.95rem}
.contact-companion blockquote{margin:1.6rem 0;padding:1rem 1.2rem;border-left:2px solid #d6b575;background:#ffffff04;border-radius:0 12px 12px 0}
.contact-companion blockquote p{font:1.1rem/1.6 Georgia,serif;color:#e8d9b7}
.contact-companion cite{font-size:.8rem;font-style:normal;color:#bcb6ce}
.contact-companion .resource-tiles{grid-template-columns:1fr}
@media(max-width:760px){.contact-panorama{min-height:0;display:block;padding-top:clamp(250px,59vw,430px)}.contact-panorama-art{height:clamp(300px,74vw,500px);object-position:78% top}.contact-panorama:after{background:linear-gradient(0deg,#101027 10%,transparent 60%)}.contact-panorama-content{padding-top:0;padding-bottom:2rem}.contact-panorama-content>div{width:100%;max-width:600px}.contact-panorama h1{max-width:17ch}.contact-form-layout{grid-template-columns:1fr}.contact-companion h2{max-width:none}}

/* Clear contact delivery confirmation, announced and focused for keyboard users. */
.contact-success[hidden],[data-contact-form][hidden]{display:none!important}
.contact-success{padding:clamp(1.5rem,3vw,2.5rem);border:2px solid #78dfb2;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#23745d66,transparent 65%),linear-gradient(145deg,#172d32,#161c32);box-shadow:0 0 40px #56d7a21a;animation:contact-confirm-in .35s ease-out}
.contact-success:focus{outline:3px solid #b5f5d8;outline-offset:5px}
.contact-success-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#8be8bd;color:#102f28;font:bold 2.8rem/1 system-ui;margin-bottom:1.4rem;box-shadow:0 0 0 9px #8be8bd15}
.contact-success h3{font:clamp(2.2rem,4vw,3.1rem)/1.1 Georgia,serif;margin:.6rem 0 1.2rem;color:#f4fff9}
.contact-success .eyebrow{color:#a1f0ca}
.contact-success-lead{font-size:1.15rem;color:#e4f6ed}
.contact-success-reference{padding:1rem;border:1px solid #8be8bd33;border-radius:12px;background:#081c2833;font-size:.83rem;line-height:1.8}
.contact-success-reference strong{display:block;color:#b8f5d5;font-family:monospace;overflow-wrap:anywhere;font-size:.9rem}
.contact-success .actions{margin-top:1.5rem}
[data-contact-status]:not(:empty){padding:1rem;border-radius:12px;border:1px solid #91c5ec55;background:#25577522;color:#e5f4ff}
[data-contact-status][data-state="error"]:not(:empty){border-color:#f4c17d88;background:#6c421e33;color:#ffe0b2;font-weight:600}
@keyframes contact-confirm-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.contact-success{animation:none}}

/* Church history: anchored era navigation and expandable milestones. */
#church-history-eras, .church-era-heading h2 { scroll-margin-top: 7rem; }
.church-era-navigation p { max-width: 70ch; }
.church-era-nav ul { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.church-era-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: .55rem .9rem; border: 1px solid var(--accent-border); border-radius: .6rem; color: var(--ink); background: var(--panel); text-decoration: none; }
.church-era-nav a:is(:hover,:focus-visible) { background: #2d2552; border-color: var(--accent); }
.church-era-heading { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); align-items: center; gap: clamp(1rem,4vw,2.5rem); }
.church-era-heading figure { margin: 0; }
.church-era-heading .eyebrow { margin-bottom: .4rem; }
.church-era-heading h2 { margin-top: 0; }
.church-era-art { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: center 35%; border: 1px solid var(--line); border-radius: .7rem; }
.church-events li { padding: 0; }
.church-events li:target { padding-inline-start: 0; }
.church-events summary { display: grid; grid-template-columns: minmax(8rem, 12rem) minmax(0,1fr) auto; align-items: baseline; gap: .3rem .7rem; padding: .8rem; list-style: none; }
.church-events summary::-webkit-details-marker { display: none; }
.church-events summary::after { content: '+'; color: var(--accent); font-weight: 700; }
.church-events details[open] summary::after { content: '−'; }
.church-events summary strong { color: var(--ink); }
.church-event-date { color: var(--accent); font-size: .9rem; }
.church-event-content { padding: 0 .8rem 1rem; max-width: 78ch; }
.church-event-content .micro { color: var(--muted); }
.church-back-link { display: inline-block; margin-top: 1rem; }
.church-book-list { display: grid; gap: 1rem; }
@media (max-width: 720px) {
  .church-era-heading { grid-template-columns: 1fr; }
  .church-events summary { grid-template-columns: minmax(0,1fr) auto; }
  .church-event-date { grid-column: 1 / -1; }
}

.quote-study-hero h1 { font-size: clamp(2.25rem, 4vw, 4.1rem); }
.quote-study-hero .study-page-hero-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #101025f5, #101025c9 38%, transparent 70%);
}
.quote-study-body { margin-inline: auto; }
.quote-study-list { display: grid; gap: 1rem; padding-inline-start: 1.75rem; }
.quote-study-list li {
  padding: clamp(.75rem, 2.5vw, 1.5rem);
  border: 1px solid var(--line);
  border-radius: .65rem;
}
.quote-study-list li::marker { font-weight: 700; color: var(--accent); }
.quote-study-list blockquote { margin: 0 0 .65rem; }
.quote-study-list blockquote p { font-size: clamp(1.1rem, 2.2vw, 1.35rem); }
.quote-study-list footer { padding: 0; background: none; border: 0; }
.quote-study-list li > a, .quote-study-list footer { font-size: .87rem; }
#quotes-in-this-post, #blog-archive-grid { scroll-margin-top: 6rem; }
@media (max-width: 960px) {
  .quote-study-hero .study-page-hero-visual::after { display: none; }
  .quote-study-hero .study-page-hero-art { aspect-ratio: 16 / 9; object-position: center; }
}