/* GospelShelf Easy Mode (step 5j, ux/apply.py). Additive only: new components + accessibility overrides.
   Fonts unchanged (serif headings + Inter body). Navy #14213d, gold accents. Targets >= 48px. */
:root{--ux-navy:#14213d;--ux-ink:#1b2233;--ux-muted:#4a5265;--ux-gold:#7a5c14;--ux-deco:#c9a227;--ux-bg:#faf8f3;--ux-soft:#f3eee2;--ux-line:#e3dccb;--ux-r:18px;--ux-sh:0 1px 2px rgba(20,33,61,.06),0 10px 30px rgba(20,33,61,.08)}
/* ---------- Phase 1: accessibility + readability overrides ---------- */
p,li,dd{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.gd-step legend,.gd-form legend{color:var(--ux-gold)!important}
.sf a[href$="photo-credits.html"],footer a[href$="photo-credits.html"]{color:#fff!important;text-decoration:underline!important}
.topbar .menubtn,.topbar .sizer button,.hsrch button,.hsrch select,.hsrch input,#faithbtn,.faithbtn,.gsfp{min-height:48px}
.topbar .menubtn{min-width:48px}
.topbar .sizer button{min-width:48px}
.hsrch button{min-width:52px}
/* callings checkboxes and quiz radios: bigger hit areas */
input[type=checkbox],input[type=radio]{width:24px;height:24px;accent-color:var(--ux-navy)}
label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}
main p.lead,main p.lede,main .hs-lead,main .hs-mission2,main>p,main section>p,main article p{font-size:max(1em,18px)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
/* menu: grouped, shop folded */
.menu .ux-mh{display:block;width:100%;grid-column:1/-1;margin:14px 0 4px;font:700 .8rem Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ux-gold)}
.menu details.ux-md{grid-column:1/-1;width:100%}
.menu details.ux-md>summary{min-height:48px;display:flex;align-items:center;font-weight:600;color:var(--ux-navy);cursor:pointer;list-style:none}
.menu details.ux-md>summary::after{content:"+";margin-left:auto;font-size:1.3em;color:var(--ux-gold)}
.menu details.ux-md[open]>summary::after{content:"–"}
.menu details.ux-md>div{display:flex;flex-wrap:wrap;gap:0 18px}
.menu a{min-height:44px;display:inline-flex;align-items:center}
/* ---------- Phase 2: homepage ---------- */
.ux-me{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;margin:14px auto 0;padding:10px 18px;max-width:900px;border-radius:999px;background:var(--ux-soft);color:var(--ux-muted);font:500 .95rem Inter,system-ui,sans-serif}
.ux-me b{color:var(--ux-navy)}
.ux-me button,.ux-link{min-height:48px;padding:0 10px;background:none;border:0;color:var(--ux-navy);font:600 .95rem Inter,system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.ux-hero{text-align:center;padding:30px 0 6px}
.ux-hero h1{margin:0 0 .3em;font-size:clamp(2rem,4.6vw,3rem)}
.ux-hero .ux-sub{color:var(--ux-muted);font-size:1.1rem;margin:0 auto;text-align:center!important;max-width:40ch}
.ux-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0 8px;padding:0;list-style:none}
@media(max-width:1000px){.ux-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.ux-tiles{gap:12px}}
.ux-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:100%;min-height:150px;padding:22px;border-radius:var(--ux-r);background:#fff;border:2px solid var(--ux-line);box-shadow:var(--ux-sh);text-decoration:none!important;color:var(--ux-ink)!important;transition:border-color .15s,transform .15s}
.ux-tile:hover,.ux-tile:focus-visible{border-color:var(--ux-deco);transform:translateY(-2px)}
.ux-tile .ux-ic{width:52px;height:52px;border-radius:14px;background:var(--ux-navy);display:grid;place-items:center;flex:none}
.ux-ic svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ux-tile b{font:700 1.08rem Inter,system-ui,sans-serif;color:var(--ux-navy);line-height:1.25}
.ux-tile span.ux-ts{font-size:.92rem;color:var(--ux-muted);line-height:1.45}
@media(max-width:760px){.ux-tile{min-height:128px;padding:16px}.ux-tile b{font-size:1rem}.ux-tile span.ux-ts{display:none}}
.ux-search{margin:30px auto 10px;max-width:820px}
.ux-search label{display:block;text-align:center;font:700 1.1rem Inter,system-ui,sans-serif;color:var(--ux-navy);margin-bottom:10px}
.ux-sbox{display:flex;gap:10px}
.ux-sbox input{flex:1;min-width:0;width:100%;min-height:62px;font:500 1.05rem Inter,system-ui,sans-serif;padding:0 22px;border:2px solid var(--ux-navy);border-radius:999px;background:#fff;color:var(--ux-ink)}
.ux-sbox button{flex:none;min-height:62px;min-width:62px;padding:0 24px;border:0;border-radius:999px;background:var(--ux-navy);color:#fff;font:700 1.05rem Inter,system-ui,sans-serif;cursor:pointer}
.ux-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.ux-chip{min-height:48px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;border:2px solid var(--ux-line);background:#fff;color:var(--ux-navy);font:500 .92rem Inter,system-ui,sans-serif;cursor:pointer}
.ux-sugg{margin-top:12px;display:grid;gap:10px}
.ux-sugg a{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:12px 20px;border-radius:14px;background:#fff;border:2px solid var(--ux-line);text-decoration:none!important;color:var(--ux-ink)!important}
.ux-sugg a:hover{border-color:var(--ux-deco)}
.ux-sugg b{color:var(--ux-navy)} .ux-sugg small{display:block;color:var(--ux-muted);font-size:.88rem}
.ux-sec{margin:44px 0}
.ux-card{background:#fff;border:1px solid var(--ux-line);border-radius:var(--ux-r);box-shadow:var(--ux-sh);padding:28px}
.ux-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
@media(max-width:640px){.ux-steps{grid-template-columns:1fr}}
.ux-opt{display:flex;align-items:center;gap:16px;width:100%;min-height:72px;padding:14px 20px;border-radius:16px;border:2px solid var(--ux-line);background:#fff;color:var(--ux-ink)!important;font:600 1.02rem Inter,system-ui,sans-serif;text-align:left;cursor:pointer;text-decoration:none!important;line-height:1.3}
.ux-opt small{display:block;font-weight:400;color:var(--ux-muted);font-size:.88rem;margin-top:3px}
.ux-opt:hover,.ux-opt:focus-visible{border-color:var(--ux-deco)}
.ux-opt .ux-oi{flex:0 0 44px;height:44px;border-radius:12px;background:var(--ux-soft);display:grid;place-items:center}
.ux-oi svg{width:24px;height:24px;stroke:var(--ux-navy);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ux-dir details{border-top:1px solid var(--ux-line)}
.ux-dir summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:62px;font:700 1.08rem Inter,system-ui,sans-serif;color:var(--ux-navy);cursor:pointer}
.ux-dir summary::-webkit-details-marker{display:none}
.ux-dir summary::after{content:"+";font-size:1.6rem;color:var(--ux-gold)}
.ux-dir details[open] summary::after{content:"–"}
.ux-dir .ux-why{margin:-6px 0 10px;color:var(--ux-muted);font-size:.95rem}
.ux-dirgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px;padding:0 0 18px}
@media(max-width:760px){.ux-dirgrid{grid-template-columns:1fr}}
.ux-dirgrid a{display:flex;align-items:center;min-height:48px;text-decoration:none;color:var(--ux-ink);border-bottom:1px solid #efe9db}
.ux-dirgrid a:hover{color:var(--ux-navy);text-decoration:underline}
.hs-hero .hs-h1{font-size:inherit}
.hs-hero h2.hs-h1{margin:0;font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-weight:600;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;color:#fff}
/* ---------- Phone dock + sheet (every page) ---------- */
.ux-dock{display:none}
@media(max-width:760px){
 .ux-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#fff;border-top:1px solid var(--ux-line);box-shadow:0 -4px 18px rgba(20,33,61,.08);padding-bottom:env(safe-area-inset-bottom)}
 .ux-dock a,.ux-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;background:none;border:0;color:var(--ux-navy)!important;font:600 .82rem Inter,system-ui,sans-serif;text-decoration:none!important;cursor:pointer}
 .ux-dock svg{width:24px;height:24px;stroke:var(--ux-navy);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 body.ux-hasdock{padding-bottom:78px}
 body.ux-hasdock .nlbar{bottom:70px}
}
.ux-sheet{position:fixed;inset:0;z-index:9995;background:rgba(20,33,61,.45);display:flex;justify-content:flex-end}
.ux-sheet[hidden]{display:none}
.ux-panel{background:var(--ux-bg);width:min(560px,100%);height:100%;overflow:auto;padding:20px 22px 110px;box-shadow:-10px 0 40px rgba(20,33,61,.25)}
.ux-panel h2{margin:.2em 0 .6em}
.ux-close{float:right;min-width:48px;min-height:48px;border-radius:999px;border:2px solid var(--ux-line);background:#fff;font:700 1.2rem Inter,system-ui,sans-serif;color:var(--ux-navy);cursor:pointer}
.ux-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 18px}
.ux-pill{min-height:48px;min-width:48px;padding:0 16px;border-radius:999px;border:2px solid var(--ux-line);background:#fff;color:var(--ux-navy);font:600 .95rem Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center}
.ux-pill.on{background:var(--ux-navy);color:#fff;border-color:var(--ux-navy)}
.ux-kl{display:grid;gap:8px;margin:8px 0 18px}
.ux-kl a{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px;border-radius:14px;background:#fff;border:1px solid var(--ux-line);color:var(--ux-ink)!important;text-decoration:none!important;font-weight:600}
/* ---------- Age dialog ---------- */
dialog.ux-dlg{border:0;border-radius:22px;padding:26px;max-width:600px;width:calc(100% - 32px);box-shadow:0 20px 60px rgba(20,33,61,.3);background:var(--ux-bg);color:var(--ux-ink)}
dialog.ux-dlg::backdrop{background:rgba(20,33,61,.45)}
dialog.ux-dlg:focus-visible{outline:none}
/* ---------- Phase 3: guided flows ---------- */
.ux-flow{max-width:780px;margin:0 auto;padding:6px 0 40px}
.ux-prog{display:flex;align-items:center;gap:12px;margin:8px 0 22px;font:600 .95rem Inter,system-ui,sans-serif;color:var(--ux-gold)}
.ux-bar{flex:1;height:10px;background:var(--ux-soft);border-radius:999px;overflow:hidden}
.ux-bar i{display:block;height:100%;width:0;background:var(--ux-deco);border-radius:999px;transition:width .25s}
.ux-step h1,.ux-step h2.ux-q{font-size:clamp(1.7rem,4vw,2.4rem);margin:0 0 .3em}
.ux-note{color:var(--ux-muted);font-size:.98rem}
.ux-opts{display:grid;gap:14px;margin-top:20px}
.ux-opts.two{grid-template-columns:1fr 1fr}
@media(max-width:560px){.ux-opts.two{grid-template-columns:1fr}}
.ux-more{width:100%;min-height:62px;margin-top:14px;font:500 1rem Inter,system-ui,sans-serif;padding:0 18px;border:2px solid var(--ux-line);border-radius:16px;background:#fff;color:var(--ux-ink)}
.ux-zip{width:100%;min-height:62px;font:600 1.2rem Inter,system-ui,sans-serif;padding:0 18px;border:2px solid var(--ux-navy);border-radius:16px;background:#fff;letter-spacing:.08em}
.ux-back{display:inline-flex;align-items:center;gap:6px;min-height:48px;margin-top:20px;padding:0 4px;background:none;border:0;color:var(--ux-navy);font:600 1rem Inter,system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.ux-sum{background:var(--ux-soft);border-radius:16px;padding:14px 22px;margin:16px 0 22px}
.ux-sum div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid var(--ux-line)}
.ux-sum div:last-child{border:0}
.ux-go{display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;padding:0 28px;border:0;border-radius:999px;background:var(--ux-navy);color:#fff!important;font:700 1.1rem Inter,system-ui,sans-serif;text-decoration:none!important;cursor:pointer}
.ux-go.gold{background:var(--ux-deco);color:var(--ux-navy)!important}
.ux-res{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
@media(max-width:560px){.ux-res{grid-template-columns:1fr}}
.ux-res a{display:block;padding:22px;border-radius:16px;background:#fff;border:2px solid var(--ux-line);text-decoration:none!important;color:var(--ux-ink)!important;min-height:110px}
.ux-res a b{display:block;color:var(--ux-navy);font-size:1.1rem;margin-bottom:4px}
.ux-res a span{color:var(--ux-muted);font-size:.95rem}
.ux-res a:hover{border-color:var(--ux-deco)}
/* quiz stepper */
.ux-quiz fieldset.q{display:none;border:0;padding:0;margin:0}
.ux-quiz fieldset.q.ux-on{display:block}
.ux-quiz fieldset.q legend{font:700 clamp(1.35rem,3.4vw,1.8rem)/1.3 Inter,system-ui,sans-serif;color:var(--ux-navy);margin-bottom:14px}
.ux-quiz fieldset.q label{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 18px;margin:10px 0;border:2px solid var(--ux-line);border-radius:16px;background:#fff;font-size:1.02rem;line-height:1.4}
.ux-quiz fieldset.q label:has(input:checked){border-color:var(--ux-navy);background:#f4f6fb}
.ux-quiz>button.btn{display:none}
.ux-quiz.ux-last>button.btn{display:flex;width:100%;justify-content:center;min-height:64px;margin-top:16px}
.ux-qnav{display:flex;gap:12px;justify-content:space-between;margin-top:14px}
.ux-qnav button{min-height:56px;padding:0 24px;border-radius:999px;border:2px solid var(--ux-line);background:#fff;color:var(--ux-navy);font:600 1rem Inter,system-ui,sans-serif;cursor:pointer}
.ux-qnav button.ux-next{background:var(--ux-navy);color:#fff;border-color:var(--ux-navy)}
.ux-qnav button[disabled]{opacity:.45;cursor:default}
/* learn the churches */
.ux-tbl{width:100%;border-collapse:collapse;margin:12px 0 24px;font-size:.98rem}
.ux-tbl th,.ux-tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--ux-line);vertical-align:top}
.ux-tbl th{color:var(--ux-navy);font-weight:700;background:var(--ux-soft)}
.ux-tblwrap{overflow-x:auto}
.ux-best{margin:10px 0 24px}
.ux-best h2{margin:.2em 0 .5em}
@media (prefers-reduced-motion:reduce){.ux-tile,.ux-bar i{transition:none}}
@media print{.ux-dock,.ux-sheet{display:none!important}}

nav.ux-cr{display:flex;flex-wrap:wrap;align-items:center;gap:0 .45rem;text-align:left;font-size:1rem;margin:.75rem 0 1rem;color:#555}
nav.ux-cr a{color:#14213d;text-decoration:underline;text-underline-offset:3px}
/* keep the laptop header on one row now that the language button sits there too */
@media (min-width:1024px){.topbar .wrap{flex-wrap:nowrap}.topbar .hsrch{flex:1 1 180px;min-width:0}.topbar .hsrch input{min-width:0}.topbar .sizer{flex:none;display:flex}.topbar .sizer button{min-width:44px;padding-left:.45rem;padding-right:.45rem}}

/* =====================================================================================================
   Round 2 (phase 4): Tim's homepage spec + UX Design Bot top 10. Header rules use a high-specificity
   prefix (html:root body header.amz.amz.amz) because mobile.css and lang.js ship !important header rules.
   ===================================================================================================== */
/* ---------- header: shared ---------- */
.ux-store,.ux-aa{display:none}
html:root body header.amz.amz.amz .ux-store{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:48px;padding:0 16px;border:1px solid var(--ux-line);border-radius:12px;background:#fff;color:var(--ux-navy)!important;font:600 1rem Inter,system-ui,sans-serif;text-decoration:none!important;white-space:nowrap;box-sizing:border-box}
html:root body header.amz.amz.amz .ux-store:hover{border-color:var(--ux-deco)}
.ux-hi{display:inline-grid;place-items:center}.ux-hi svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html:root body header.amz.amz.amz .ux-aa{align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0;border:1px solid var(--ux-line);border-radius:12px;background:#fff;color:var(--ux-navy);font:700 1.15rem Inter,system-ui,sans-serif;cursor:pointer}
.ux-aa small{font-size:.75em;margin-left:1px}
html:root body header.amz.amz.amz .ux-aa[aria-expanded=true]{background:var(--ux-navy);color:#fff;border-color:var(--ux-navy)}
html:root body header.amz.amz.amz .faithchip{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;line-height:1.15!important;border:1px solid var(--ux-deco)!important;border-radius:12px!important;background:#fff!important;color:var(--ux-navy)!important;text-align:left}
html:root body header.amz.amz.amz .faithchip small{font:600 14px/1.2 Inter,system-ui,sans-serif!important;color:var(--ux-gold)!important;text-transform:none;letter-spacing:0}
html:root body header.amz.amz.amz .faithchip b{font:600 15px/1.2 Inter,system-ui,sans-serif!important;color:var(--ux-navy)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;display:block}
html.ux-kid body header.amz.amz.amz .ux-store{display:none!important}
/* ---------- header: phones (64px, scrolls away; Search + Menu also in the bottom dock) ---------- */
@media (max-width:760px){
 html:root body header.amz.amz.amz{position:relative!important;top:auto!important}
 html:root body header.amz.amz.amz .topbar .wrap{flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;min-height:64px!important;padding:8px 12px!important;box-sizing:border-box!important;position:relative}
 html:root body header.amz.amz.amz .topbar .wrap>.logo{order:1!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden}
 html:root body header.amz.amz.amz .topbar .wrap>.logo span{overflow:hidden;text-overflow:ellipsis}
 html:root body header.amz.amz.amz .topbar .wrap>.hsrch,html:root body header.amz.amz.amz .topbar .wrap>.faithchip,html:root body header.amz.amz.amz nav.catstrip{display:none!important}
 html:root body header.amz.amz.amz .topbar .wrap>.ux-store{order:2!important;padding:0!important;width:48px;flex:none}
 html:root body header.amz.amz.amz .topbar .wrap>.ux-store .ux-hl{display:none}
 html:root body header.amz.amz.amz .topbar .wrap>.ux-aa{display:inline-flex!important;order:3!important;flex:none}
 html:root body header.amz.amz.amz .topbar .wrap>.gsl{order:4!important;flex:none!important;margin:0!important}
 html:root body header.amz.amz.amz .topbar .wrap>.gsl .gsl-chip{width:48px!important;min-height:48px;padding:0!important;justify-content:center;border-radius:12px}
 html:root body header.amz.amz.amz .topbar .wrap>.gsl .gsl-cd,html:root body header.amz.amz.amz .topbar .wrap>.gsl .gsl-cv,html:root body header.amz.amz.amz .topbar .wrap>.gsl .gsl-nm{display:none!important}
 html:root body header.amz.amz.amz .topbar .wrap>.menubtn{order:5!important;width:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;text-align:center!important;font-size:0!important;border-radius:12px}
 html:root body header.amz.amz.amz .topbar .wrap>.menubtn span{font-size:1.4rem!important;width:auto!important}
 html:root body header.amz.amz.amz .topbar .wrap>.pf-hdr{order:4!important;flex:none}
 html:root body header.amz.amz.amz .topbar .wrap>.sizer{display:none!important}
 html.ux-szopen:root body header.amz.amz.amz .topbar .wrap>.sizer{display:flex!important;position:absolute;right:12px;top:60px;z-index:60;gap:6px;padding:8px;background:#fff;border:1px solid var(--ux-line);border-radius:14px;box-shadow:var(--ux-sh)}
 html:root body header.amz.amz.amz .topbar .wrap>.sizer button{min-width:56px!important;min-height:48px!important;font-size:1rem!important}
}
@media (max-width:359px){html:root body header.amz.amz.amz .topbar .wrap>.logo span{font-size:.95rem!important}html:root body header.amz.amz.amz .topbar .wrap>.ux-aa{display:none!important}}
/* ---------- header: 761-1440+ two rows (row 1: logo, search, Your Church, Store, Menu; row 2: 5 links + text size + language) ---------- */
@media (min-width:761px){
 html:root body header.amz.amz.amz{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;column-gap:10px;padding:0 max(var(--gut,24px),calc((100% - 1280px)/2))!important;box-sizing:border-box}
 html:root body header.amz.amz.amz>.topbar,html:root body header.amz.amz.amz>.topbar>.wrap{display:contents!important}
 html:root body header.amz.amz.amz .topbar .wrap>*{order:0!important;margin:0!important}
 html:root body header.amz.amz.amz .topbar .wrap>.logo{grid-area:1/1;height:72px;display:flex!important;align-items:center}
 html:root body header.amz.amz.amz .topbar .wrap>.hsrch{grid-area:1/2;flex:none!important;width:auto!important;min-width:0!important}
 html:root body header.amz.amz.amz .topbar .wrap>.hsrch select{display:none!important}
 html:root body header.amz.amz.amz .topbar .wrap>.faithchip{grid-area:1/3;max-width:none!important;min-height:48px!important;padding:4px 14px!important}
 html:root body header.amz.amz.amz .topbar .wrap>.pf-hdr{grid-area:1/4}
 html:root body header.amz.amz.amz .topbar .wrap>.ux-store{grid-area:1/5}
 html:root body header.amz.amz.amz .topbar .wrap>.menubtn{grid-area:1/6;min-height:48px!important;padding:0 16px!important;border-radius:12px}
 html:root body header.amz.amz.amz>nav.catstrip{grid-area:2/1/3/4;min-width:0;background:transparent!important}
 html:root body header.amz.amz.amz>nav.catstrip>div.wrap{max-width:none!important;padding:0!important;margin:0!important;flex-wrap:nowrap!important;overflow:hidden!important;gap:4px!important;height:48px;align-items:center}
 html:root body header.amz.amz.amz>nav.catstrip>div.wrap>a{display:none!important}
 html:root body header.amz.amz.amz>nav.catstrip>div.wrap>a.gs-nav1{display:inline-flex!important;align-items:center;min-height:44px;padding:0 12px!important;white-space:nowrap;font-size:16px!important}
 html:root body header.amz.amz.amz>nav.catstrip>div.wrap>a.ux-dv{display:none!important}
 html:root body header.amz.amz.amz .topbar .wrap>.sizer{grid-area:2/4/3/6;justify-self:end;display:flex!important}
 html:root body header.amz.amz.amz .topbar .wrap>.gsl{grid-area:2/6;justify-self:end}
 html:root body header.amz.amz.amz>nav#menu{grid-column:1/-1;grid-row:3}
 html:root body header.amz.amz.amz>*:not(.topbar):not(.catstrip):not(#menu){grid-column:1/-1}
}
@media (min-width:1200px){html:root body header.amz.amz.amz>nav.catstrip>div.wrap>a.ux-dv{display:inline-flex!important}}
@media (min-width:761px) and (max-width:1023px){
 html:root body header.amz.amz.amz{grid-template-columns:auto minmax(0,1fr) auto auto auto auto}
 html:root body header.amz.amz.amz .topbar .wrap>.ux-store{grid-area:1/4}
 html:root body header.amz.amz.amz .topbar .wrap>.menubtn{grid-area:1/5/2/7}
 html:root body header.amz.amz.amz .topbar .wrap>.pf-hdr{grid-area:1/3}
 html:root body header.amz.amz.amz .topbar .wrap>.faithchip{grid-area:2/3/3/5;justify-self:end}
 html:root body header.amz.amz.amz>nav.catstrip{grid-area:2/1/3/3}
 html:root body header.amz.amz.amz .topbar .wrap>.sizer{display:none!important}
 html:root body header.amz.amz.amz .topbar .wrap>.ux-aa{display:inline-flex!important;grid-area:2/5;justify-self:end}
 html.ux-szopen:root body header.amz.amz.amz .topbar .wrap>.sizer{display:flex!important;grid-area:3/1/4/-1;justify-self:end;padding:6px 0 10px}
 html:root body header.amz.amz.amz .topbar .wrap>.faithchip b{max-width:150px}
 html:root body header.amz.amz.amz .topbar .wrap>.gsl .gsl-nm{display:none!important}
 html:root body header.amz.amz.amz>nav.catstrip>div.wrap>a.gs-nav1{padding:0 8px!important;font-size:15px!important}
}
/* ---------- phone menu sheet: one column, grouped ---------- */
.ux-p4{padding:0 0 110px!important}
.ux-shh{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fff;border-bottom:1px solid var(--ux-line)}
.ux-shh h2{margin:0!important;font:700 1.35rem Inter,system-ui,sans-serif;color:var(--ux-navy)}
.ux-close4{min-height:48px;padding:0 16px;border:1px solid var(--ux-line);border-radius:12px;background:#fff;color:var(--ux-navy);font:600 1rem Inter,system-ui,sans-serif;cursor:pointer}
.ux-big{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 18px;background:var(--ux-soft)}
.ux-big a{display:flex;align-items:center;gap:10px;min-height:64px;padding:0 16px;border-radius:14px;background:var(--ux-navy);color:#fff!important;font:700 1.05rem Inter,system-ui,sans-serif;text-decoration:none!important}
.ux-big svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ux-p4 .ux-sbox,.ux-p4 .ux-sugg,.ux-p4 .ux-row,.ux-me4{margin-left:18px;margin-right:18px}
.ux-p4 .ux-sbox{margin-top:16px}
.ux-me4{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;margin-bottom:6px;font:500 1rem Inter,system-ui,sans-serif;color:var(--ux-muted)}
.ux-me4 span{flex:1 1 100%}.ux-me4 b{color:var(--ux-navy)}
.ux-acc{margin-top:10px;border-top:1px solid var(--ux-line)}
.ux-acc details{border-bottom:1px solid var(--ux-line);background:#fff}
.ux-acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 18px;font:700 1.08rem Inter,system-ui,sans-serif;color:var(--ux-navy);cursor:pointer}
.ux-acc summary::-webkit-details-marker{display:none}
.ux-acc summary::after{content:"+";font-size:1.5rem;color:var(--ux-gold)}
.ux-acc details[open] summary::after{content:"×"}
.ux-acc details>div a{display:flex;align-items:center;min-height:56px;padding:0 18px 0 30px;border-top:1px solid #f0ead9;color:var(--ux-ink)!important;font:400 1.08rem/1.3 Inter,system-ui,sans-serif;text-decoration:none!important}
.ux-p4 .ux-pill svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9}
/* desktop menu dropdown: one column on phones (header Menu opens the sheet there, but keep the fallback readable) */
@media (max-width:760px){html:root body header.amz.amz.amz nav#menu>.wrap{display:block!important;columns:auto!important}html:root body header.amz.amz.amz nav#menu a{display:flex!important;width:100%;min-height:56px;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}}
/* ---------- homepage: mission, start card, tiles ---------- */
.ux-mission{text-align:center;padding:26px 0 4px;max-width:820px;margin:0 auto}
.ux-eyebrow{margin:0 0 6px!important;font:700 .95rem Inter,system-ui,sans-serif!important;letter-spacing:.06em;color:var(--ux-gold);text-align:center!important}
.ux-mission h1{margin:0 0 .35em;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.12;text-wrap:balance}
.ux-mission .ux-mtext{margin:0 auto!important;max-width:60ch;color:var(--ux-muted);font-size:max(1.08rem,18px)!important;text-align:center!important;text-align-last:center!important;hyphens:manual}
@media (max-width:760px){html.ux-onb .ux-mission{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0}}
.ux-start{max-width:820px;margin:18px auto 0}
.ux-sc{background:#fff;border:2px solid var(--ux-line);border-radius:22px;box-shadow:var(--ux-sh);padding:22px 24px 18px}
.ux-sc>h2{margin:0 0 6px;text-align:center;font-size:clamp(1.6rem,3.6vw,2.2rem)}
.ux-sc .ux-prog{margin:4px 0 14px}
.ux-sc h3.ux-q{margin:0 0 .3em;font:700 clamp(1.3rem,3vw,1.6rem)/1.25 Inter,system-ui,sans-serif;color:var(--ux-navy)}
.ux-sc .ux-note{text-align:left!important}
.ux-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
@media (max-width:560px){.ux-two{grid-template-columns:1fr}}
.ux-sc label{display:block;font:600 1rem Inter,system-ui,sans-serif;color:var(--ux-navy);margin:8px 0 6px}
.ux-in{width:100%;box-sizing:border-box;min-height:56px;padding:0 16px;border:2px solid var(--ux-navy);border-radius:14px;font:500 1.08rem Inter,system-ui,sans-serif;background:#fff;color:var(--ux-ink)}
.ux-sc .ux-opts{margin-top:14px}
.ux-sc .ux-opt{min-height:64px}
.ux-snav{display:flex;align-items:center;gap:12px;margin-top:18px}
.ux-snav .ux-back{margin:0}
.ux-snav .ux-go{flex:1;width:auto}
.ux-snav span{flex:1}
.ux-skip{min-height:48px;min-width:72px;padding:0 18px;border:2px solid var(--ux-line);border-radius:999px;background:#fff;color:var(--ux-navy);font:600 1rem Inter,system-ui,sans-serif;cursor:pointer}
.ux-skipall{display:block;margin:12px auto 0;min-height:48px;padding:0 10px;border:0;background:none;color:var(--ux-muted);font:500 .98rem Inter,system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.ux-calls{border:0;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.ux-calls legend{font:600 1rem Inter,system-ui,sans-serif;color:var(--ux-navy);margin-bottom:8px;padding:0}
.ux-calls legend small{font-weight:400;color:var(--ux-muted)}
.ux-sc label.ux-chipc{position:relative;display:inline-flex;align-items:center;min-height:48px;margin:0;padding:0;cursor:pointer}
.ux-chipc input{position:absolute;opacity:0;width:1px;height:1px}
.ux-chipc span{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:2px solid var(--ux-line);border-radius:999px;background:#fff;color:var(--ux-navy);font:600 1rem Inter,system-ui,sans-serif}
.ux-chipc input:checked+span{background:var(--ux-navy);border-color:var(--ux-navy);color:#fff}
.ux-chipc input:checked+span::before{content:"✓ "}
.ux-chipc input:focus-visible+span{outline:3px solid var(--ux-deco);outline-offset:2px}
.ux-priv{margin:12px 0 0!important;font-size:.95rem!important;color:var(--ux-muted);text-align:left!important}
.ux-sc .nlf-err{color:#a4161a;font-weight:600;margin:10px 0 0}
.ux-sc .nlf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ux-bh{margin-top:10px;min-height:120px}
.ux-sc [data-gs-profile-offer]{margin:14px 0}
html:not(.ux-onb) .ux-start .ux-me{display:none}
html.ux-onb .ux-start .ux-sc[data-uxstart]:not(.ux-open){display:none}
.ux-start .ux-me[hidden]{display:none!important}.ux-start .ux-sc[hidden]{display:none!important}
.ux-start .ux-sc:not([hidden]){display:block}
.ux-me .ux-chg{min-height:48px;min-width:96px;padding:0 18px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--ux-line)!important;text-decoration:none!important}
.ux-home .ux-hero{padding-top:22px}
.ux-home .ux-hero h2{margin:0 0 .3em;font-size:clamp(1.8rem,4.2vw,2.8rem);text-wrap:balance}
.ux-quick{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin:18px auto 0;max-width:900px;font:600 1rem Inter,system-ui,sans-serif;color:var(--ux-muted)}
.ux-quick a{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:999px;background:var(--ux-soft);color:var(--ux-navy)!important;text-decoration:none!important}
html.ux-kid .ux-tiles .ux-tstore{order:99}
html.ux-kid .ux-tiles .ux-tstore .ux-tile{background:var(--ux-soft);box-shadow:none;border-style:dashed}
html.ux-kid .ux-tiles .ux-tstore .ux-ic{background:#8a90a0}
html.ux-kid .nlbox,html.ux-kid #nlbar,html.ux-kid .nlbar{display:none!important}
@media (max-width:760px){
 .ux-tiles{gap:10px!important;margin-top:16px}
 .ux-tile{min-height:104px!important;padding:12px 12px 14px!important;gap:8px!important}
 .ux-tile .ux-ic{width:40px;height:40px;border-radius:11px}
 .ux-tile .ux-ic svg{width:22px;height:22px}
 .ux-tile b{font-size:1.02rem!important}
 .ux-home .ux-hero{padding-top:14px}
 .ux-home .ux-hero .ux-sub{font-size:1.05rem}
 .ux-sc{padding:18px 16px 14px;border-radius:18px}
 .ux-start{margin-top:12px}
 .ux-mission{padding-top:16px}
}
/* ---------- phone homepage fold (moved, nothing deleted; open on tablets and desktops) ---------- */
.ux-foldbtn{display:none}
@media (max-width:760px){
 .ux-foldbtn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:72px;margin:28px 0 8px;padding:14px 20px;border:2px solid var(--ux-line);border-radius:16px;background:#fff;color:var(--ux-navy);font:700 1.1rem Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
 .ux-foldbtn::after{content:"+";position:absolute;right:22px;font-size:1.6rem;color:var(--ux-gold)}
 .ux-fold{position:relative}.ux-fold.open .ux-foldbtn::after{content:"–"}
 .ux-foldbtn small{font:400 .95rem Inter,system-ui,sans-serif;color:var(--ux-muted)}
 .ux-fold:not(.open)>.ux-foldin{display:none}
}
/* ---------- 48px targets, 18px phone text, justify only real paragraphs ---------- */
.ux-dirgrid a,footer.sf .sf-col a{min-height:48px;display:flex;align-items:center}
.nlbox .calls label,.nlf-calls label{min-height:48px}
@media (max-width:760px){
 body{font-size:18px}
 main p,main li,main dd{font-size:max(1em,18px)}
 main small,main .hs-sub,main .ux-note,main .muted,main figcaption{font-size:max(.9em,16px)}
 main p.ux-nj{text-align:left!important;text-align-last:auto!important}
 main .ux-sub,main .hs-sub,main .ux-mtext{text-align:center!important}
 main li,main button,main .btn{text-align:left}
 footer.sf .sf-col a{padding:0}
}
/* ---------- Going Through Something? and Store flow results ---------- */
.ux-who{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font:600 1rem Inter,system-ui,sans-serif;color:var(--ux-navy)}
.ux-who span{flex:1 1 100%}
.ux-who .ux-pill[aria-pressed=true]{background:var(--ux-navy);color:#fff;border-color:var(--ux-navy)}
#ux-help-out h3,.ux-flow h3{margin:26px 0 10px;font:700 1.25rem Inter,system-ui,sans-serif;color:var(--ux-navy)}
.ux-bks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.ux-bk{display:flex;flex-direction:column;gap:8px;padding:12px;border:2px solid var(--ux-line);border-radius:14px;background:#fff;text-decoration:none!important;color:var(--ux-ink)!important}
.ux-bk img,.ux-nocov{width:96px;height:144px;object-fit:cover;border-radius:6px;background:var(--ux-soft)}
.ux-nocov{display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;font:600 .9rem/1.25 Inter,system-ui,sans-serif;color:var(--ux-navy);text-align:center}
.ux-bk b,.ux-md4 b{display:block;color:var(--ux-navy);font-size:1rem;line-height:1.3}
.ux-bk small,.ux-md4 small{display:block;color:var(--ux-muted);font-size:.92rem;margin-top:3px}
.ux-mds{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.ux-md4{display:flex;gap:12px;align-items:flex-start;padding:12px;border:2px solid var(--ux-line);border-radius:14px;background:#fff;text-decoration:none!important;color:var(--ux-ink)!important;min-height:64px}
.ux-md4 img{width:112px;height:63px;object-fit:cover;border-radius:6px;flex:none}
.ux-bk:hover,.ux-md4:hover{border-color:var(--ux-deco)}
.ux-empty{padding:14px 18px;border-radius:14px;background:var(--ux-soft);color:var(--ux-muted)}
@media (max-width:560px){.ux-bks{grid-template-columns:1fr 1fr}.ux-md4 img{width:96px;height:54px}}
/* round 2 fixes */
html body main .ux-mission p,html body main .ux-hero p,html body main .ux-home .ux-hero h2{text-align:center!important;text-align-last:center!important}
.ux-carding #nlbar,.ux-carding .nlbar{display:none!important}
.ux-start .ux-me{margin-top:0}
main .season.ux-season{margin:18px 0 0;border-radius:14px}
@media (min-width:761px){.ux-start{margin-top:10px}.ux-home .ux-hero{padding-top:18px}.ux-mission{padding-bottom:0}}
@media (max-width:760px){
 html:root body header.amz.amz.amz .topbar .wrap{gap:4px!important;padding:8px 10px!important}
 html:root body header.amz.amz.amz .topbar .wrap>.logo{gap:6px!important}
 html:root body header.amz.amz.amz .topbar .wrap>.logo img{width:28px!important;height:28px!important}
 html:root body header.amz.amz.amz .topbar .wrap>.logo span{font-size:1.14rem!important;text-overflow:clip}
 .ux-start .ux-me{padding:4px 6px 4px 16px;border-radius:16px;font-size:1rem}
 .ux-start .ux-me span{flex:1;text-align:left}
 .ux-home .ux-hero{padding-top:12px}
 .ux-home .ux-hero h2{font-size:1.75rem;margin-bottom:.15em}
 .ux-home .ux-hero .ux-sub{margin:0}
 .ux-tile .ux-ic{width:36px!important;height:36px!important}
 .ux-tile{min-height:96px!important}
 .ux-tile b{font-size:.98rem!important;line-height:1.2!important}
}
/* callings chips: the whole visible chip is the tap target (site label rules can stretch labels) */
.ux-sc .ux-calls label.ux-chipc{display:inline-flex!important;width:auto!important;max-width:100%;height:auto!important;min-height:48px;padding:0!important;margin:0 8px 8px 0!important;vertical-align:top}
.ux-sc .ux-calls label.ux-chipc span{width:100%}
@media (max-width:760px){html{scroll-padding-bottom:96px;scroll-padding-top:80px}}

/* ===== Round 3: one guided homepage, quiet header, one shared signup pop-up, age themes ===== */
/* inline signup boxes are replaced by the homepage card and the shared pop-up (Email Preferences keeps its own) */
.nlbox,section.nl,#nlbar,#nlmodal{display:none!important}
/* header church chip: only a quiet Change link, and only once a church is set */
html:not(.ux-hasc) header .faithchip{display:none!important}
html.ux-hasc header .faithchip{background:none!important;border:0!important;box-shadow:none!important;padding:0 6px!important;min-height:48px;color:var(--ux-muted)!important;font:500 14px Inter,system-ui,sans-serif!important}
/* homepage: mission */
.ux-mission4{max-width:860px;margin:0 auto;padding:clamp(28px,7vh,72px) 4px clamp(24px,5vh,48px);min-height:calc(100svh - 140px);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.ux-mission4 h1{margin:0 0 .45em;text-align:center;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.08;color:var(--ux-navy);text-wrap:balance}
.ux-mission4 h1::after{content:"";display:block;width:64px;height:3px;margin:.45em auto 0;background:var(--ux-deco)}
.ux-mission4 .ux-lead4{font:600 clamp(1.15rem,2.4vw,1.4rem)/1.55 Inter,system-ui,sans-serif;color:var(--ux-navy);margin:0 0 .9em;text-align:justify;hyphens:auto}
.ux-mission4 .ux-mtext4{font-size:max(1.05rem,18px);line-height:1.7;color:var(--ux-ink,#1b2233);margin:0;text-align:justify;hyphens:auto}
.ux-mission4 .ux-begin{text-align:center;margin:1.4em 0 0}
.ux-mission4 .ux-begin .ux-go{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;text-decoration:none}
/* homepage: the card */
.ux-start{max-width:720px;margin:8px auto 0;scroll-margin-top:90px}
.ux-sc .ux-opt-l{font:500 .8em Inter,system-ui,sans-serif;color:var(--ux-muted)}
.ux-sc .ux-skipall{display:block;width:100%;margin:16px 0 0;min-height:52px;background:none;border:2px dashed var(--ux-line);border-radius:14px;color:var(--ux-navy);font:600 1rem Inter,system-ui,sans-serif;cursor:pointer}
.ux-consent{display:flex!important;gap:12px;align-items:flex-start;margin:14px 0 4px!important;font:500 1rem/1.45 Inter,system-ui,sans-serif!important;cursor:pointer}
.ux-consent input{width:24px;height:24px;flex:none;margin:2px 0 0;accent-color:var(--ux-navy)}
/* homepage: next steps */
.ux-next{max-width:860px;margin:40px auto 8px}
.ux-next h2{text-align:center;margin:0 0 .2em}
.ux-next .ux-sub{text-align:center!important;text-align-last:center;color:var(--ux-muted);margin:0 0 18px}
.ux-nx{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:820px){.ux-nx{grid-template-columns:repeat(3,1fr)}}
.ux-nx li[hidden]{display:none}
.ux-nx a{display:flex;gap:14px;align-items:flex-start;height:100%;box-sizing:border-box;padding:20px;min-height:96px;background:#fff;border:2px solid var(--ux-line);border-radius:18px;text-decoration:none;color:var(--ux-navy)}
.ux-nx a:hover,.ux-nx a:focus-visible{border-color:var(--ux-deco)}
.ux-nx .ux-nn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ux-navy);color:#fff;font:700 1.1rem Inter,system-ui,sans-serif}
.ux-nx b{display:block;font:700 1.15rem/1.3 Inter,system-ui,sans-serif}
.ux-nx small{display:block;margin-top:4px;font:400 1rem/1.45 Inter,system-ui,sans-serif;color:var(--ux-muted)}
.ux-next .ux-all{text-align:center!important;text-align-last:center;margin:18px 0 0}
.ux-next .ux-all a{display:inline-flex;align-items:center;min-height:48px;color:var(--ux-gold);font-weight:600}
/* the fold is closed at every width now */
.ux-foldbtn{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;width:100%;max-width:860px;margin:36px auto 8px!important;min-height:72px;padding:14px 20px;border:2px solid var(--ux-line);border-radius:16px;background:#fff;color:var(--ux-navy);font:700 1.1rem Inter,system-ui,sans-serif;position:relative;cursor:pointer;text-align:left}
.ux-foldbtn::after{content:"+";position:absolute;right:22px;top:18px;font-size:1.6rem;color:var(--ux-gold)}
.ux-fold{position:relative}.ux-fold.open .ux-foldbtn::after{content:"–"}
.ux-foldbtn small{font:400 .95rem Inter,system-ui,sans-serif;color:var(--ux-muted)}
.ux-fold:not(.open)>.ux-foldin{display:none!important}
/* greeting line on inner pages */
.ux-hi4{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:10px 0 4px!important;text-align:left!important;font:500 1rem Inter,system-ui,sans-serif;color:var(--ux-muted)}
.ux-hi4 a{display:inline-flex;align-items:center;min-height:44px;color:var(--ux-gold);font-weight:600}
/* shared pop-up */
.ux-pop{max-width:min(520px,calc(100vw - 24px));width:100%;box-sizing:border-box;padding:26px 22px 18px;border:0;border-radius:20px;box-shadow:0 20px 60px rgba(10,20,40,.35)}
.ux-pop::backdrop{background:rgba(15,24,45,.55)}
.ux-pop h2{margin:0 40px .3em 0;font-size:clamp(1.4rem,4vw,1.8rem)}
.ux-pop .ux-x{position:absolute;top:10px;right:10px;width:48px;height:48px;border:0;background:none;font-size:1.8rem;line-height:1;color:var(--ux-navy);cursor:pointer;border-radius:50%}
.ux-pop label{display:block;font:600 1rem Inter,system-ui,sans-serif;margin:10px 0 6px}
.ux-pop .ux-go{width:100%;min-height:56px;margin-top:12px}
.ux-pop .ux-back{display:block;width:100%;min-height:48px;margin-top:8px}
.ux-pop .ux-priv{font-size:.95rem;margin:10px 0 0}
.ux-pop .nlf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ux-pop .nlf-err{color:#a4161a;font-weight:600;margin:8px 0 0}
@media (max-width:560px){.ux-pop{margin:auto auto 0;border-radius:20px 20px 0 0;max-width:100vw}}
/* ===== age themes (saved age group; content and church filtering are unchanged) ===== */
html.ux-age-youth{--ux-deco:#e0b73a}
html.ux-age-youth main h1,html.ux-age-youth main h2{font-family:Inter,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.01em}
html.ux-age-youth main h2::after{content:"";display:block;width:44px;height:4px;margin-top:.3em;border-radius:4px;background:var(--ux-deco)}
html.ux-age-youth .ux-next h2::after,html.ux-age-youth .ux-mission4 h1::after{margin-left:auto;margin-right:auto}
html.ux-age-youth .ux-go,html.ux-age-youth .btn{border-radius:999px!important;font-weight:800!important}
html.ux-age-youth .ux-nx a,html.ux-age-youth .ux-sc{border-radius:24px;border-width:3px}
html.ux-age-youth .ux-nx .ux-nn{background:var(--ux-deco);color:var(--ux-navy)}
html.ux-age-young main h1,html.ux-age-young main h2{font-family:Inter,system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.015em}
html.ux-age-young .ux-nx a,html.ux-age-young .ux-sc{border-radius:12px;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
html.ux-age-young .ux-go,html.ux-age-young .btn{border-radius:10px!important}
html.ux-age-senior:not([data-size]),html.ux-age-senior[data-size="0"]{font-size:112.5%}
html.ux-age-senior body{line-height:1.75}
html.ux-age-senior main p,html.ux-age-senior main li{margin-bottom:1em}
html.ux-age-senior .ux-go,html.ux-age-senior .btn,html.ux-age-senior .ux-opt{min-height:64px!important;font-size:1.1rem!important}
html.ux-age-senior .ux-nx a{padding:26px;gap:18px}
html.ux-age-senior .ux-hi4 a,html.ux-age-senior .ux-dirgrid a{min-height:56px}
html.ux-age-kids .ux-nx a,html.ux-age-kids .ux-sc{border-radius:26px}
html.ux-age-kids .ux-nx .ux-nn{background:var(--ux-deco);color:var(--ux-navy)}
@media (prefers-reduced-motion:no-preference){html.ux-age-youth .ux-nx a{transition:transform .2s}html.ux-age-youth .ux-nx a:hover{transform:translateY(-3px)}}
.ux-mission4 .ux-begin .ux-go{width:auto!important}@media (min-width:900px){.ux-mission4{min-height:min(78svh,720px)}}
.ux-tabs{display:flex;gap:8px;margin:6px 0 18px;border-bottom:2px solid var(--ux-line)}
.ux-tabs a{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;margin-bottom:-2px;border:2px solid transparent;border-radius:12px 12px 0 0;color:var(--ux-navy);font:600 1.05rem Inter,system-ui,sans-serif;text-decoration:none}
.ux-tabs a[aria-selected=true]{border-color:var(--ux-line);border-bottom-color:var(--ux-bg,#faf8f3);background:var(--ux-bg,#faf8f3);color:var(--ux-navy)}
.ux-tabs a[aria-selected=true]::after{content:"";display:block}
.ux-404{max-width:720px;margin:24px auto 40px;text-align:left}
.ux-404 .ux-sbrow{display:flex;gap:8px}.ux-404 .ux-sbrow input{flex:1;min-height:52px;font-size:18px;padding:0 14px;border:2px solid var(--ux-line);border-radius:12px}
.ux-404 .ux-sbrow button{min-height:52px;padding:0 20px;border:0;border-radius:12px;background:var(--ux-navy);color:#fff;font:600 1rem Inter,system-ui,sans-serif}
.ux-404l{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.ux-404l a:not(.ux-go){display:inline-flex;align-items:center;min-height:48px;color:var(--ux-gold);font-weight:600}
.ux-404l .ux-go{display:inline-flex;align-items:center;min-height:56px;padding:0 24px;text-decoration:none}
.ux-404 .lede{margin:0 0 18px!important;padding:0!important;border:0!important;max-width:none}
.ux-404 .ux-sbox{display:block!important;background:none;border:0;padding:0;box-shadow:none}
.ux-404 .ux-sbox label{display:block;margin:0 0 6px;font:600 1rem Inter,system-ui,sans-serif;color:var(--ux-navy)}
/* one control per choice: the header chip is hidden everywhere; pages keep their own one Change line, and /profile/ is the settings page */
html header .faithchip,html.ux-hasc header .faithchip{display:none!important}
.ux-mission4 .ux-begin,.ux-next h2,.ux-next .ux-sub,.ux-next .ux-all{text-align:center!important;text-align-last:center!important}
/* /devotional/: the devotion is the page; one age control; no second verse strip */
body:has(#dc-root) .season{display:none!important}
#dc-root .dc-meta{text-align:left!important;text-align-last:left!important;hyphens:none}
#dc-root .dc-ages{display:flex!important;flex-wrap:wrap;gap:8px}
#dc-root .dc-ages button{white-space:nowrap;min-height:48px;padding:0 16px;flex:0 0 auto}
/* ===== Homepage entry: two big pills + the It All Starts Here pop-up ===== */
.ux-choice{max-width:860px;margin:6px auto 0;text-align:center}
.ux-choice .ux-above{margin:0 auto 18px;max-width:60ch;font:500 1.08rem/1.55 Inter,system-ui,sans-serif;color:var(--ux-navy);text-align:center!important;text-align-last:center!important}
.ux-ctas{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:700px){.ux-ctas{grid-template-columns:1fr 1fr;gap:18px}}
.ux-cta1,.ux-cta2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:88px;padding:14px 28px;border-radius:999px;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer}
.ux-cta1 b,.ux-cta2 b{font:700 clamp(1.15rem,2.6vw,1.35rem)/1.2 Inter,system-ui,sans-serif}
.ux-cta1 small,.ux-cta2 small{font:500 .98rem/1.3 Inter,system-ui,sans-serif}
.ux-cta1{background:var(--ux-deco,#c9a227);color:var(--ux-navy,#14213d);border:3px solid var(--ux-deco,#c9a227);box-shadow:0 6px 18px rgba(20,33,61,.15)}
.ux-cta2{background:transparent;color:var(--ux-navy,#14213d);border:3px solid var(--ux-navy,#14213d)}
.ux-cta1:hover,.ux-cta1:focus-visible{filter:brightness(1.05)}.ux-cta2:hover,.ux-cta2:focus-visible{background:#fff}
.ux-cta1:focus-visible,.ux-cta2:focus-visible{outline:4px solid var(--ux-navy);outline-offset:3px}
.ux-start .ux-me{margin:18px auto 0;justify-content:center}
/* pop-up: centered sheet on desktop, full screen on phones */
html.ux-modal-open{overflow:hidden}
.ux-modal{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;box-sizing:border-box;padding:0 26px 22px;border:0;border-radius:24px;background:#fffdf9;box-shadow:0 24px 70px rgba(10,20,40,.35)}
.ux-modal::backdrop{background:rgba(15,24,45,.6)}
@media (max-width:640px){.ux-modal{width:100vw;max-width:100vw;height:100%;max-height:100%;margin:0;border-radius:0;padding:0 18px 24px}}
.ux-mhead{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 0 6px;background:#fffdf9}
.ux-mhead h2{margin:0;text-align:center;font-size:clamp(1.3rem,4vw,1.6rem)}
.ux-mback,.ux-modal .ux-x{min-width:52px;min-height:52px;border:0;background:none;color:var(--ux-navy);font:600 1rem Inter,system-ui,sans-serif;cursor:pointer;border-radius:12px}
.ux-mback[hidden]{visibility:hidden;display:block!important}
.ux-modal .ux-x{font-size:2rem;line-height:1}
.ux-prog4{margin:2px 0 4px;text-align:center!important;text-align-last:center;font:600 .95rem Inter,system-ui,sans-serif;color:var(--ux-gold)}
.ux-dots{display:flex;justify-content:center;gap:8px;list-style:none;margin:0 0 14px;padding:0}
.ux-dots li{width:10px;height:10px;border-radius:50%;background:var(--ux-line)}
.ux-dots li.done{background:var(--ux-deco)}.ux-dots li.on{background:var(--ux-navy);width:26px;border-radius:6px}
.ux-mbody h3.ux-q{margin:6px 0 .3em;font:700 clamp(1.3rem,4vw,1.6rem)/1.25 Inter,system-ui,sans-serif;color:var(--ux-navy)}
.ux-mbody .ux-note,.ux-mbody .ux-priv,.ux-mbody .ux-mfoot{text-align:left!important;text-align-last:auto}
.ux-mbody .ux-in{width:100%;box-sizing:border-box;min-height:56px;font-size:18px;padding:0 14px;border:2px solid var(--ux-line);border-radius:14px}
.ux-mbody .ux-opts{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}
.ux-mbody .ux-opts.two{grid-template-columns:1fr 1fr}
.ux-mbody .ux-opts.six{grid-template-columns:1fr 1fr}
@media (min-width:641px){.ux-mbody .ux-opts.six{grid-template-columns:repeat(3,1fr)}}
.ux-mbody .ux-opt{min-height:64px;padding:8px 12px;border:2px solid var(--ux-line);border-radius:16px;background:#fff;color:var(--ux-navy);font:700 1.05rem/1.25 Inter,system-ui,sans-serif;cursor:pointer}
.ux-mbody .ux-opt small{display:block;font:500 .9rem Inter,system-ui,sans-serif;color:var(--ux-muted)}
.ux-mbody .ux-opt[aria-pressed=true]{background:var(--ux-navy);border-color:var(--ux-navy);color:#fff}.ux-mbody .ux-opt[aria-pressed=true] small{color:#e8e2d4}
.ux-mbody .ux-more4 summary{min-height:52px;display:flex;align-items:center;font:600 1rem Inter,system-ui,sans-serif;color:var(--ux-navy);cursor:pointer}
.ux-mbody .ux-snav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}
.ux-mbody .ux-go{min-height:56px;padding:0 26px;border:0;border-radius:999px;background:var(--ux-navy);color:#fff;font:700 1.05rem Inter,system-ui,sans-serif;cursor:pointer}
.ux-mbody .ux-go[disabled]{opacity:.45;cursor:default}
.ux-mbody .ux-skip{min-height:52px;padding:0 18px;border:2px solid var(--ux-line);border-radius:999px;background:#fff;color:var(--ux-navy);font:600 1rem Inter,system-ui,sans-serif;cursor:pointer}
.ux-mbody .ux-mfoot{margin:18px 0 0;font-size:.95rem;color:var(--ux-muted)}
.ux-mbody .ux-calls{border:0;padding:0;margin:10px 0}
.ux-mbody .ux-calls label.ux-chipc{display:inline-flex!important;width:auto!important;margin:0 8px 8px 0!important;padding:0!important}
.ux-mbody .ux-chipc input{position:absolute;opacity:0;width:1px;height:1px}
.ux-mbody .ux-chipc span{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:2px solid var(--ux-line);border-radius:999px;background:#fff;color:var(--ux-navy);font:600 1rem Inter,system-ui,sans-serif}
.ux-mbody .ux-chipc input:checked+span{background:var(--ux-navy);border-color:var(--ux-navy);color:#fff}
.ux-mbody .ux-chipc input:focus-visible+span{outline:3px solid var(--ux-deco);outline-offset:2px}
.ux-mbody .nlf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ux-mbody .nlf-err{color:#a4161a;font-weight:600;margin:8px 0 0}
/* justify: long paragraphs on tablet/desktop only; never on phones, never short lines or UI */
@media (max-width:760px){main p,main li,.ux-mission4 .ux-lead4,.ux-mission4 .ux-mtext4{text-align:left!important;text-align-last:auto!important;hyphens:manual!important}}
.ux-nj,button,.btn,label,.ux-opt,.ux-go{text-align:start}
@media (max-width:760px){html body main p,html body main li,html body .ux-mission4 p{text-align:left!important;text-align-last:auto!important;hyphens:manual!important;-webkit-hyphens:manual!important;word-spacing:normal!important}}
@media (max-width:640px){dialog.ux-dlg.ux-modal{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;inset:0!important;border-radius:0!important;padding:0 18px 24px!important}
 .ux-mhead h2{font-size:1.25rem}}
.ux-mbody .ux-opt{hyphens:none!important;-webkit-hyphens:none!important;overflow-wrap:normal;word-break:normal}
@media (max-width:440px){.ux-mbody .ux-opts.two{grid-template-columns:1fr}.ux-mbody .ux-opts.two .ux-opt{min-height:56px}}
@media (max-width:440px){#ux-pfform .ux-snav{flex-direction:column;align-items:stretch}#ux-pfform .ux-snav .ux-go,#ux-pfform .ux-snav .ux-skip{width:100%}}
/* CONTENT-FIXES-REDESIGN #43 senior variants, #64 crisis block */
.ux-os{display:none}html[data-age=senior] .ux-ns{display:none}html[data-age=senior] .ux-os{display:inline}
.gs-crisis{margin:14px 0 10px;padding:12px 14px;border-left:4px solid var(--ux-deco,#c9a227);background:#fff;border-radius:8px}.gs-crisis p{margin:0;font-size:16px;line-height:1.5;text-align:left!important}
.gs-crisis-k{display:none}html[data-age=u9] .gs-crisis-k,html[data-age=k911] .gs-crisis-k{display:block}html[data-age=u9] .gs-crisis:has(.gs-crisis-k) .gs-crisis-a,html[data-age=k911] .gs-crisis:has(.gs-crisis-k) .gs-crisis-a{display:none}
/* LIVE-FIXES (approved by Andy): LF-002 old begin button hidden; LF-003 no justify on lead under 600px; LF-004 #dc-h visually hidden; LF-005 one-step flows; LF-009 credit line */
.ux-mission4 .ux-begin{display:none!important}
@media (max-width:599px){.ux-mission4 .ux-lead4{text-align:left!important;text-align-last:auto!important;hyphens:manual!important}}
#dc-h{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0}
.ux-prog[hidden]{display:none!important}
footer.sf .sf-credit{text-align:left!important;text-align-last:auto!important}
/* Tim 3:34 PM: selected option = white text on navy at full contrast, every child included */
.ux-mbody .ux-opt[aria-pressed=true],.ux-mbody .ux-opt[aria-pressed=true] *{background-color:var(--ux-navy,#14213d)!important;color:#fff!important}
.ux-mbody .ux-opt[aria-pressed=true]{border-color:var(--ux-deco,#c9a227)!important;box-shadow:0 0 0 2px var(--ux-deco,#c9a227) inset}
.ux-mbody .ux-opt[aria-pressed=true] small{color:#f3e3a8!important}
.ux-mbody .ux-opts.one{grid-template-columns:1fr}
.ux-sel4{margin:14px 0 10px}.ux-sel4 label{display:block;font:600 1rem/1.35 Inter,system-ui,sans-serif;color:var(--ux-navy,#14213d);margin:0 0 6px;text-align:left}
.ux-sel4 select{width:100%;min-height:52px;font-size:1rem;padding:10px 12px;border:2px solid #e5dcc4;border-radius:14px;background:#fff;color:var(--ux-navy,#14213d)}
/* gsx:age19 signup age gate (Risk, Oct 17; age-19 executor). Signup boxes show only their heading + the question until "Yes". */
.nlbox:not(.gs-a19)>*:not(h2):not(.hs-sub):not(.gs-g19w){display:none!important}
.gs-gate19 [hidden]{display:none!important}
.gs-gate19{margin:12px 0}.gs-gate19 .gs-gate-q{font-size:18px;line-height:1.5;margin:0 0 12px;text-align:left;hyphens:manual}
.gs-gate19 .gs-gate-b{display:flex;flex-wrap:wrap;gap:12px}
.gs-gate19 .gs-gate-b button{min-height:48px;padding:10px 18px;font-size:18px;border-radius:12px;border:2px solid #14213d;background:#fff;color:#14213d;cursor:pointer}
.gs-gate19 .gs-gate-b button[data-g19=yes]{background:#14213d;color:#fff}
.gs-gate19 .gs-gate-b button:focus-visible{outline:3px solid #c9a227;outline-offset:2px}
.gs-gate19 .gs-gate-no{font-size:18px;line-height:1.5;background:#faf8f3;border:1px solid #e3dccb;border-radius:12px;padding:12px 14px;color:#14213d;text-align:left}
/* rd2 Oct 17: justify only at 768px and up; phones and small tablets read left-aligned */
@media (max-width:767.98px){html body main p,html body main li,html body .ux-mission4 p,html body .about-mission p,html body article p,html body footer p,html body .hs-hero .in .hs-lead,html body .hs-hero .in .hs-mission2{text-align:left!important;text-align-last:auto!important;hyphens:manual!important;-webkit-hyphens:manual!important;word-spacing:normal!important}}
/* rd2 Oct 17: full GospelShelf logo at 320-760; the plain language link becomes a 48px "ES"/"EN" square like the chip */
@media (max-width:760px){
 html:root body header.amz.amz.amz .topbar .wrap>.gsl>a:not(.gsl-chip){display:inline-flex;align-items:center;justify-content:center;width:48px;min-height:48px;padding:0!important;border:1px solid var(--ux-line);border-radius:12px;background:#fff;font-size:0!important;color:var(--ux-navy)!important;text-decoration:none!important;box-sizing:border-box}
 html:root body header.amz.amz.amz .topbar .wrap>.gsl>a:not(.gsl-chip)[hreflang=es]::after{content:"ES";font:700 15px/1 Inter,system-ui,sans-serif}
 html:root body header.amz.amz.amz .topbar .wrap>.gsl>a:not(.gsl-chip)[hreflang=en]::after{content:"EN";font:700 15px/1 Inter,system-ui,sans-serif}
 html:root body header.amz.amz.amz .topbar .wrap>.logo{flex:1 0 auto!important;overflow:visible}
 html:root body header.amz.amz.amz .topbar .wrap>.logo span{overflow:visible;text-overflow:clip;white-space:nowrap}
}
/* rd2 Oct 17 (Tim 3:59 PM): navy oval with gold lettering; General stays navy outline; tighter homepage rhythm; justify at 768+ */
html body .ux-cta1{background:var(--ux-navy,#14213d)!important;color:var(--ux-deco,#c9a227)!important;border:3px solid var(--ux-navy,#14213d)!important;box-shadow:0 6px 18px rgba(20,33,61,.18)}
html body .ux-cta1 b,html body .ux-cta1 small{color:var(--ux-deco,#c9a227)!important}
html body .ux-cta1:hover,html body .ux-cta1:focus-visible{filter:none;background:#1c2d52!important}
html body .ux-cta1:focus-visible{outline:4px solid var(--ux-deco,#c9a227);outline-offset:3px}
html body .ux-cta2{background:transparent;color:var(--ux-navy,#14213d)!important;border:3px solid var(--ux-navy,#14213d)!important}
html body .ux-mission4{min-height:0!important;padding:clamp(18px,3.5vh,32px) 4px clamp(10px,2vh,18px)!important;justify-content:flex-start}
html body .ux-mission4 h1{margin:0 0 .35em}
html body .ux-mission4 h1::after{margin-top:.35em}
html body .ux-mission4 .ux-lead4{margin:0 0 .6em}
html body .ux-mission4 .ux-mtext4+.ux-mtext4{margin-top:.6em}
html body .ux-start{margin-top:4px!important}
html body .ux-choice{margin-top:0}
html body .ux-choice .ux-above{margin-bottom:12px}
html body .ux-ctas{gap:12px}
@media (min-width:768px){
 html body .ux-mission4 .ux-lead4,html body .ux-mission4 .ux-mtext4,html body main p.ux-mtext4,html body main .ux-mission4 p{text-align:justify!important;text-align-last:left!important;hyphens:auto!important;-webkit-hyphens:auto!important}
}
/* devotional builder Oct 17 (Site QA axe serious): kids-theme logo accent readable on the white header (#8a6a22 = 5.4:1); homepage oval sub-line stays gold on navy */
html.th-kids header.amz .logo span b,html.th-kids header .logo b,html body.th-kids header.amz .logo span b{color:#8a6a22!important}

/* qa5 contrast + card captions (Site QA pass 5): /store/ tile captions, callings verse cite, book-card notes never justified */
html body .ftile>span{color:#57524a!important;opacity:1!important}
html body #cdevo>.verse>cite{color:#6b5216!important}
html body .bcard p,html:root body.rd2.rd2 main .bcard.bcard.bcard.bcard p{text-align:left!important;-webkit-hyphens:manual!important;hyphens:manual!important}

/* qa6 (Site QA pass 6): narrow side notes (~367px columns) read left-aligned at every width: /app.html install cards, /resources/original-languages/ step notes */
html body .cards2 .card p,html:root body.rd2.rd2 main .cards2.cards2 .card.card p,html body .ol-steps .ol-step p.ol-small,html:root body.rd2.rd2 main .ol-steps.ol-steps .ol-step.ol-step p.ol-small{text-align:left!important;-webkit-hyphens:manual!important;hyphens:manual!important}