/* ═══════════════════════════════════════════════════════════════════════════════
   EBC MEMPHIS · v3 HOME · 2026-10-15
   Pastor Clark approved the redesign prototype ("I love it that is awesome" ·
   "Yes, lets build!"). This sheet styles the new home that ebc-v3.js assembles.

   Rules this file keeps:
   · Every rule is scoped under body.v3, so removing class="v3" from <body> (and the
     script tag for ebc-v3.js) puts the app back exactly as it was.
   · It restyles the FRAME (header, sections, headings, board, tiles, nav). It does not
     restyle the inside of existing cards, which carry their own designs.
   · Light only. The existing cards are drawn for a light ground.
   Layout: one calm website-style page in titled rooms · sticky header + jump bar ·
   phone tab bar · events as a 3-column board on wide screens, stacked on phones.
   ═══════════════════════════════════════════════════════════════════════════════ */
body.v3 {
  --v3-ink:#0d1a2e;        /* navy: headings, dark bands */
  --v3-paper:#f4f5f8;      /* page ground */
  --v3-card:#ffffff;
  --v3-gold:#a5843a;       /* the logo's gold */
  --v3-gold-hi:#c9a75a;    /* gold on navy */
  --v3-gold-soft:#f1e9d4;
  --v3-text:#1b2433;
  --v3-muted:#5b6474;
  --v3-line:#dfe2e8;
  --v3-shadow:0 1px 2px rgba(13,26,46,.06),0 8px 24px rgba(13,26,46,.07);
  --v3-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --v3-body:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--v3-paper) !important;
  color:var(--v3-text);
  font-family:var(--v3-body);
}
html.v3-html{scroll-padding-top:calc(122px + env(safe-area-inset-top,0px))}

/* ── Old frame pieces the new home replaces (kept in the page, just not shown) ── */
body.v3 > .header{display:none !important}
body.v3 #v3-vault{display:none !important}

/* ── Splash: Pastor Clark's portrait, the words over the lower part (pass 2) ── */
body.v3 #splash{background:radial-gradient(110% 70% at 50% 35%,#1d3a68 0%,#0a1426 58%,#050a14 100%) !important;
  display:block;padding:0;overflow:hidden;text-align:center}
body.v3 #splash .v3s-glow{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 14vh);width:min(86vw,460px);height:min(86vw,460px);transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(216,182,94,.40) 0%,rgba(216,182,94,.10) 46%,rgba(216,182,94,0) 70%);animation:v3glow 1.8s ease both}
body.v3 #splash .v3s-photo{position:absolute;left:50%;bottom:0;height:min(74vh,760px);transform:translateX(-50%);animation:v3photo 1.2s cubic-bezier(.2,.7,.2,1) both}
body.v3 #splash .v3s-photo img{height:100%;width:auto;display:block}
body.v3 #splash .v3s-text{position:absolute;left:0;right:0;bottom:0;padding:90px 24px calc(34px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:10px;
  background:linear-gradient(180deg,rgba(5,10,20,0) 0%,rgba(5,10,20,.82) 38%,rgba(5,10,20,.96) 100%)}
body.v3 #splash .v3s-logo{width:58px;height:58px;animation:v3rise .9s .35s ease both}
body.v3 #splash .v3s-name{font-family:var(--v3-display);font-size:34px;font-weight:600;color:#f1ead8;letter-spacing:.02em;line-height:1.1;margin:0;animation:v3rise .9s .5s ease both}
body.v3 #splash .v3s-rule{width:60px;height:2px;background:var(--v3-gold-hi);animation:v3grow .8s .75s ease both}
body.v3 #splash .v3s-city{font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--v3-gold-hi);margin:0;animation:v3rise .8s .85s ease both}
body.v3 #splash .v3s-verse{font-family:var(--v3-display);font-style:italic;font-size:19px;color:#cfd4de;max-width:30ch;margin:2px 0 0;line-height:1.35;animation:v3rise .8s 1.05s ease both}
body.v3 #splash .v3s-verse span{display:block;font-style:normal;font-family:var(--v3-body);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#9aa3b3;margin-top:5px}
@keyframes v3rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes v3grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes v3photo{from{opacity:0;transform:translateX(-50%) translateY(24px) scale(1.03)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@keyframes v3glow{0%{opacity:0;transform:translateX(-50%) scale(.85)}60%{opacity:1}100%{opacity:1;transform:translateX(-50%) scale(1)}}
@media (prefers-reduced-motion:reduce){body.v3 #splash *{animation:none !important}}

/* ── Sticky header + jump bar ───────────────────────────────────────────────── */
body.v3 .v3-top{position:sticky;top:0;padding-top:env(safe-area-inset-top,0px);z-index:7000;background:rgba(244,245,248,.985);
  -webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--v3-line)}
body.v3 .v3-wrap{max-width:1140px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
body.v3 .v3-brandrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px}
body.v3 .v3-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0;background:none;border:0;padding:0;cursor:pointer;text-align:left}
body.v3 .v3-brand img{width:40px;height:40px;flex:none}
body.v3 .v3-brand b{display:block;font-family:var(--v3-display);font-size:23px;line-height:1;color:var(--v3-ink);font-weight:700}
body.v3 .v3-brand small{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--v3-muted);margin-top:3px}
body.v3 .v3-acts{display:flex;gap:8px;align-items:center}
body.v3 .v3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 20px;font:700 15px/1.1 var(--v3-body);
  border:1.5px solid transparent;text-decoration:none;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent}
body.v3 .v3-btn-gold{background:var(--v3-gold);color:#fff}
body.v3 .v3-btn-line{background:var(--v3-card);color:var(--v3-text);border-color:var(--v3-line)}
body.v3 .v3-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
body.v3 .v3-btn-navy{background:var(--v3-ink);color:#fff}
body.v3 .v3-top .v3-btn{padding:9px 16px;min-height:40px;font-size:14px}
body.v3 .v3-desk{display:none}
body.v3 .v3-jump{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:10px;-webkit-overflow-scrolling:touch}
body.v3 .v3-jump::-webkit-scrollbar{display:none}
body.v3 .v3-jump a{flex:none;text-decoration:none;font-size:14px;font-weight:700;color:var(--v3-muted);padding:8px 14px;border-radius:999px;
  border:1px solid var(--v3-line);background:var(--v3-card);white-space:nowrap}
body.v3 .v3-jump a[data-v3go=v3-connect]{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #C9A84C;color:#7c5c14;background:#fff8e6}
body.v3 .v3-jump a[data-v3go=v3-connect] img{border-radius:5px}
body.v3 .v3-jump a[data-v3go=v3-fire]{display:inline-flex;align-items:center;gap:6px}
body.v3 .v3-jump a[data-v3go=v3-fire] img{border-radius:50%}
body.v3 .v3-jump a.on{background:var(--v3-ink);color:#fff;border-color:var(--v3-ink)}

/* ── Main column becomes a full-width page ─────────────────────────────────── */
body.v3 .main{max-width:none !important;margin:0 !important;padding:0 0 calc(110px + env(safe-area-inset-bottom,0px)) !important;background:transparent !important}

/* ── Hero: the Verse of the Day leads, the next two events count down ──────── */
body.v3 .v3-hero{background:var(--v3-ink);color:#eef0f4;position:relative;overflow:hidden}
body.v3 .v3-hero::after{content:"";position:absolute;right:-140px;top:-90px;width:440px;height:440px;border-radius:50%;border:1px solid rgba(201,167,90,.18);pointer-events:none}
body.v3 .v3-hero .v3-wrap{display:grid;gap:26px;padding-block:34px 56px;position:relative;z-index:1}
body.v3 .v3-eyebrow{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--v3-gold)}
body.v3 .v3-hero .v3-eyebrow{color:var(--v3-gold-hi)}
body.v3 .v3-hero #votd-block{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;text-align:left !important}
body.v3 .v3-hero .votd-eyebrow{color:var(--v3-gold-hi) !important;font-size:12px !important;letter-spacing:.16em !important;font-weight:800 !important;justify-content:flex-start !important}
body.v3 .v3-hero .votd-verse{font-family:var(--v3-display) !important;color:#f1ead8 !important;font-size:clamp(27px,5.2vw,44px) !important;line-height:1.2 !important;font-weight:600 !important;font-style:normal !important;margin:10px 0 0 !important;text-wrap:balance}
body.v3 .v3-hero .votd-ref{color:var(--v3-gold-hi) !important;font-size:14px !important;font-weight:700 !important;letter-spacing:.06em !important;margin-top:12px !important;text-align:left !important}
body.v3 .v3-hero-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
body.v3 .v3-hero-cta .v3-btn{padding:10px 8px;font-size:14px;line-height:1.15;text-align:center;min-height:52px}
body.v3 .v3-service{font-size:15px;color:#c3c9d4;margin-top:16px}
body.v3 .v3-service b{color:#fff}
body.v3 .v3-counts{display:grid;gap:12px;align-content:start}
body.v3 .v3-count{border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:15px 17px;background:rgba(255,255,255,.045);text-align:left;color:inherit;font:inherit;cursor:pointer;width:100%}
body.v3 .v3-count .l{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--v3-gold-hi);font-weight:800}
body.v3 .v3-count .t{font-family:var(--v3-display);font-size:24px;color:#f1ead8;margin:3px 0 10px;line-height:1.15;font-weight:600}
body.v3 .v3-count .n{display:flex;gap:16px;font-variant-numeric:tabular-nums}
body.v3 .v3-count .n div{display:flex;flex-direction:column}
body.v3 .v3-count .n b{font-size:30px;font-weight:800;color:#fff;line-height:1}
body.v3 .v3-count .n span{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#9aa3b3;margin-top:5px}

/* ── Quick actions ──────────────────────────────────────────────────────────── */
body.v3 .v3-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:-30px;position:relative;z-index:2}
body.v3 .v3-q{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;padding:15px 8px;color:var(--v3-text);box-shadow:var(--v3-shadow);
  display:flex;flex-direction:column;align-items:center;gap:8px;font:700 14px/1.2 var(--v3-body);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
body.v3 .v3-q svg{width:26px;height:26px;stroke:var(--v3-gold);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ── Sections ───────────────────────────────────────────────────────────────── */
body.v3 .v3-sec{padding-block:40px;border-top:1px solid var(--v3-line)}
body.v3 .v3-sec.first{border-top:0;padding-top:30px}
body.v3 .v3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:20px}
body.v3 .v3-head > div{min-width:0}
body.v3 .v3-head h2{font-family:var(--v3-display);font-size:clamp(31px,5vw,44px);line-height:1.08;color:var(--v3-ink);font-weight:600;margin:5px 0 0;text-wrap:balance}
body.v3 .v3-head p{color:var(--v3-muted);max-width:56ch;margin:7px 0 0;font-size:16px;line-height:1.55}
body.v3 .v3-col{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
body.v3 .v3-col > *{margin-left:0 !important;margin-right:0 !important}
body.v3 .v3-col > *:not(:last-child){margin-bottom:0 !important}
body.v3 .v3-col > .collapsible-body{margin-top:-8px !important}

/* Old section labels inside the new rooms are replaced by the room's own heading */
body.v3 .v3-sec p.section-label{display:none !important}
body.v3 .v3-sec h2.section-title{display:none !important}
body.v3 .v3-sec .collapsible-header h2.section-title{display:block !important}

/* Fold bars: the arrow carries words (Pastor Clark: arrows need a written prompt) */
body.v3 .v3-sec .collapsible-header{background:var(--v3-card) !important;border:1px solid var(--v3-line) !important;border-radius:14px !important;padding:15px 16px !important;box-shadow:var(--v3-shadow)}
body.v3 .v3-sec .collapsible-header h2.section-title{font-family:var(--v3-body) !important;font-size:17px !important;font-weight:800 !important;color:var(--v3-ink) !important;margin:0 !important}
body.v3 .v3-sec .collapse-chevron{font-size:0 !important;display:inline-flex;align-items:center;gap:6px;transform:none !important}
body.v3 .v3-sec .collapse-chevron::before{content:"Tap to close";font:800 12px/1 var(--v3-body);letter-spacing:.06em;color:var(--v3-gold);background:var(--v3-gold-soft);border-radius:999px;padding:7px 11px}
body.v3 .v3-sec .collapsible-header.collapsed .collapse-chevron::before{content:"Tap to open"}

/* ── Events board (Pastor Clark's sketch) ──────────────────────────────────── */
body.v3 .v3-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
body.v3 .v3-filter button{border:1px solid var(--v3-line);background:var(--v3-card);color:var(--v3-muted);border-radius:999px;padding:9px 15px;font:700 14px/1 var(--v3-body);cursor:pointer}
body.v3 .v3-filter button.on{background:var(--v3-ink);color:#fff;border-color:var(--v3-ink)}
body.v3 .v3-board{display:grid;gap:14px}
body.v3 .v3-ev{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:18px;display:grid;grid-template-columns:108px minmax(0,1fr);overflow:hidden;box-shadow:var(--v3-shadow)}
body.v3 .v3-ev-img{position:relative;border:0;padding:0;margin:0;background:var(--v3-ink);display:block;cursor:pointer;min-height:156px;overflow:hidden}
body.v3 .v3-ev-img img:not(.v3-badge){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}
body.v3 .v3-ev-img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;font-family:var(--v3-display);font-size:21px;line-height:1.1;color:var(--v3-gold-hi);text-align:center}
body.v3 .v3-ev-img .pop{position:absolute;left:6px;right:6px;bottom:6px;background:rgba(13,26,46,.88);color:#fff;font:800 11px/1.2 var(--v3-body);letter-spacing:.03em;border-radius:8px;padding:6px 4px;text-align:center}
body.v3 .v3-ev-mid{padding:14px 16px;min-width:0;display:flex;flex-direction:column;gap:5px}
body.v3 .v3-ev-mid .tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--v3-gold)}
body.v3 .v3-ev-mid h3{font-family:var(--v3-display);font-size:24px;line-height:1.12;color:var(--v3-ink);font-weight:600;margin:0}
body.v3 .v3-ev-mid .when{font-weight:800;font-size:15px;color:var(--v3-text)}
body.v3 .v3-ev-mid .hl{color:var(--v3-muted);font-size:15px;line-height:1.5;margin:0}
body.v3 .v3-ev-side{grid-column:1/-1;display:flex;gap:8px;padding:0 16px 14px;flex-wrap:wrap;align-items:center}
body.v3 .v3-ev-side .date{display:none}
body.v3 .v3-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--v3-line);border-radius:999px;padding:9px 15px;
  font:800 13.5px/1.1 var(--v3-body);background:var(--v3-card);color:var(--v3-text);min-height:42px;cursor:pointer;text-decoration:none}
body.v3 .v3-chip.primary{background:var(--v3-ink);color:#fff;border-color:var(--v3-ink)}
body.v3 .v3-chip.on{background:var(--v3-gold-soft);border-color:var(--v3-gold);color:var(--v3-ink)}
body.v3 .v3-empty{color:var(--v3-muted);padding:12px 2px;font-size:16px}
body.v3 .v3-board-foot{margin-top:16px;color:var(--v3-muted);font-size:15px}
body.v3 .v3-board-foot button{background:none;border:0;padding:0;color:var(--v3-gold);font:800 15px var(--v3-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* ── Crisis lines: always on the home page (with Prayer) ─────────────────── */
body.v3 .v3-help{border:1px solid;background:#f6f1ff;border-color:#e2d6fb;border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.6;color:var(--v3-text)}
body.v3 .v3-help b{color:var(--v3-ink)}
body.v3 .v3-help a{color:#5b21b6;font-weight:800;text-decoration:underline;text-underline-offset:2px}

/* ── Ministry badges: small, just visible ──────────────────────────────────── */
body.v3 .v3-badge{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 2px 8px rgba(13,26,46,.28);background:#fff;flex:none;display:block}
body.v3 .v3-ev-img .v3-badge{position:absolute;left:8px;top:8px;right:auto;bottom:auto;width:34px;height:34px;object-fit:cover;z-index:2}
body.v3 .v3-tile{position:relative}
body.v3 .v3-tile .v3-badge{position:absolute;right:14px;top:14px;width:32px;height:32px}
body.v3 .v3-tile h3{padding-right:40px}
body.v3 .v3-head .v3-badge{width:48px;height:48px;align-self:center}

/* ── Ministry tiles ─────────────────────────────────────────────────────────── */
body.v3 .v3-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.v3 .v3-tile{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;padding:17px;display:flex;flex-direction:column;gap:6px;text-align:left;
  color:var(--v3-text);font:inherit;cursor:pointer;min-width:0;box-shadow:var(--v3-shadow);-webkit-tap-highlight-color:transparent;text-decoration:none}
body.v3 .v3-tile h3{font-family:var(--v3-display);font-size:23px;line-height:1.1;color:var(--v3-ink);font-weight:600;margin:0}
body.v3 .v3-tile p{color:var(--v3-muted);font-size:14px;line-height:1.45;margin:0}
body.v3 .v3-tile .w{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0A6E6E;margin-top:auto;padding-top:6px}
body.v3 .v3-tile .go{font-size:13px;font-weight:800;color:var(--v3-gold)}

/* ── Pastor intro ───────────────────────────────────────────────────────────── */
body.v3 .v3-pastor{display:grid;gap:18px;align-items:center;grid-template-columns:96px minmax(0,1fr)}
body.v3 .v3-pastor img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--v3-gold-soft)}
body.v3 .v3-pastor b{display:block;font-family:var(--v3-display);font-size:26px;line-height:1.1;color:var(--v3-ink);font-weight:600}
body.v3 .v3-pastor span{display:block;color:var(--v3-muted);font-size:15px;margin-top:4px}

/* ── Feature band (this month) ─────────────────────────────────────────────── */
body.v3 #v3-feature{background:linear-gradient(180deg,#f7eef2 0%,var(--v3-paper) 100%)}

/* ── Member of the Month: same row size as the events (Pastor Clark, 2026-10-15) ── */
body.v3 .v3-ev.motm .when{color:#0A6E6E}
body.v3 .v3-ev .spons{font-size:13px;color:var(--v3-muted);border-top:1px dashed var(--v3-line);padding-top:8px;margin-top:2px}
body.v3 .v3-ev .spons b{color:var(--v3-text)}

/* ── Leaders area + footer ──────────────────────────────────────────────────── */
body.v3 .v3-leaders{background:#e9ecf1}
body.v3 .v3-foot{background:var(--v3-ink);color:#9aa3b3;padding-block:34px;font-size:14px}
body.v3 .v3-foot .v3-wrap{display:grid;gap:14px}
body.v3 .v3-foot b{color:#f1ead8;font-family:var(--v3-display);font-size:23px;font-weight:600}
body.v3 .v3-foot a{color:#e6e9ef}

/* ── Pop-out sheet ──────────────────────────────────────────────────────────── */
body.v3 .v3-sheet-bg{position:fixed;inset:0;z-index:8500;background:rgba(5,10,20,.68);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
body.v3 .v3-sheet-bg.open{opacity:1;visibility:visible}
body.v3 .v3-sheet{background:var(--v3-paper);width:100%;max-width:600px;max-height:92vh;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:22px 22px 0 0;
  padding:0 max(14px,env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}
body.v3 .v3-sheet-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--v3-paper);padding:14px 0 12px;border-bottom:1px solid var(--v3-line);margin-bottom:14px}
body.v3 .v3-sheet-bar b{font-family:var(--v3-display);font-size:24px;color:var(--v3-ink);font-weight:600;line-height:1.1;min-width:0}
body.v3 .v3-sheet-x{flex:none;border:0;background:var(--v3-ink);color:#fff;border-radius:999px;padding:10px 16px;font:800 14px/1 var(--v3-body);cursor:pointer;min-height:42px}
body.v3 .v3-sheet-body{display:flex;flex-direction:column;gap:14px}
body.v3 .v3-sheet-body > *{margin-left:0 !important;margin-right:0 !important}
body.v3 .v3-sheet-acts{display:flex;gap:8px;flex-wrap:wrap}
body.v3.v3-locked{overflow:hidden}

body.v3 .v3-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(16px);background:var(--v3-ink);color:#fff;
  padding:13px 18px;border-radius:12px;font:700 15px/1.4 var(--v3-body);z-index:9990;opacity:0;transition:.25s;pointer-events:none;max-width:calc(100% - 32px);text-align:center;box-shadow:var(--v3-shadow)}
body.v3 .v3-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── Bottom tab bar ─────────────────────────────────────────────────────────── */
body.v3 .bottom-nav{background:rgba(255,255,255,.97) !important;border-top:1px solid var(--v3-line) !important;box-shadow:0 -4px 20px rgba(13,26,46,.06) !important}
body.v3 .bnav-btn .bnav-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
body.v3 .bnav-btn{color:var(--v3-muted) !important}
body.v3 .bnav-btn .bnav-label{color:inherit !important;font-family:var(--v3-body) !important;font-weight:800 !important;font-size:11px !important}
body.v3 .bnav-btn.active{color:var(--v3-gold) !important}

/* ── Focus ──────────────────────────────────────────────────────────────────── */
body.v3 .v3-top a:focus-visible,body.v3 .v3-top button:focus-visible,body.v3 .v3-q:focus-visible,body.v3 .v3-chip:focus-visible,
body.v3 .v3-tile:focus-visible,body.v3 .v3-btn:focus-visible,body.v3 .v3-ev-img:focus-visible,body.v3 .v3-sheet-x:focus-visible,body.v3 .v3-filter button:focus-visible{outline:3px solid var(--v3-gold);outline-offset:2px}

/* ── Wider screens: the website feel ────────────────────────────────────────── */
@media (min-width:760px){
  body.v3 .v3-desk{display:inline-flex}
  body.v3 .v3-hero-cta{display:flex;flex-wrap:nowrap;gap:10px}
  body.v3 .v3-hero-cta .v3-btn{padding:12px 20px;font-size:15px;white-space:nowrap;min-height:46px}
  body.v3 .v3-hero .v3-wrap{grid-template-columns:1.35fr 1fr;align-items:center;padding-block:46px 64px}
  body.v3 .v3-quick{grid-template-columns:repeat(6,1fr)}
  body.v3 .v3-ev{grid-template-columns:200px minmax(0,1fr) 196px}
  body.v3 .v3-ev-img{min-height:184px}
  body.v3 .v3-ev-img .v3-badge{width:40px;height:40px;left:10px;top:10px}
  body.v3 .v3-ev-mid{padding:18px 22px}
  body.v3 .v3-ev-side{grid-column:auto;flex-direction:column;align-items:stretch;justify-content:center;padding:16px;border-left:1px solid var(--v3-line)}
  body.v3 .v3-ev-side .date{display:block;text-align:center;margin-bottom:4px}
  body.v3 .v3-ev-side .date .m{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--v3-gold)}
  body.v3 .v3-ev-side .date .d{font-family:var(--v3-display);font-size:46px;font-weight:700;color:var(--v3-ink);line-height:1}
  body.v3 .v3-ev-side .date .w{font-size:13px;color:var(--v3-muted)}
  body.v3 .v3-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.v3 .v3-sheet-bg{align-items:center;padding:24px}
  body.v3 .v3-sheet{border-radius:22px}
}
@media (min-width:1100px){
  body.v3 .v3-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Tab bar spans the screen on every width (the retired desktop skin used to do this) */
body.v3 .bottom-nav{left:0 !important;right:0 !important;max-width:none !important;transform:none !important;width:auto !important}


/* ═══════════════════════════════════════════════════════════════════════════════
   PASS 2 · 2026-10-15 — Pastor Clark: "I want your design from top to bottom."
   ═══════════════════════════════════════════════════════════════════════════════ */
/* The old page writes its own "Tap to open" after fold headers; the v3 pill replaces it */
body.v3 .v3-sec .collapsible-header::after,body.v3 .v3-sheet .collapsible-header::after{content:none !important;display:none !important}

/* ── Our Pastor: the welcome band ───────────────────────────────────────────── */
body.v3 #v3-word .v3-col{max-width:1140px}
body.v3 .v3-welcome{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:24px;overflow:hidden;color:#eef0f4;
  background:radial-gradient(120% 80% at 50% 0%,#1d3a68 0%,#0d1a2e 62%,#08111f 100%);box-shadow:0 18px 44px rgba(13,26,46,.22)}
body.v3 .v3-welcome::after{content:"";position:absolute;inset:10px;border:1px solid rgba(216,182,94,.28);border-radius:18px;pointer-events:none}
body.v3 .v3-wel-photo{position:relative;height:310px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}
body.v3 .v3-wel-photo::before{content:"";position:absolute;left:50%;bottom:30px;width:300px;height:300px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(216,182,94,.42) 0%,rgba(216,182,94,.12) 45%,rgba(216,182,94,0) 70%)}
body.v3 .v3-wel-photo picture,body.v3 .v3-wel-photo img{position:relative;display:block;height:100%;width:auto;max-width:100%}
body.v3 .v3-wel-body{position:relative;z-index:1;padding:6px 24px 28px;display:flex;flex-direction:column;gap:14px;min-width:0}
body.v3 .v3-wordmark{display:flex;align-items:center;gap:12px}
body.v3 .v3-wordmark img{width:48px;height:48px;flex:none}
body.v3 .v3-script{font-family:"Pinyon Script","Great Vibes","Snell Roundhand","Apple Chancery",cursive;color:#d8b65e;font-size:48px;line-height:1.05;display:block;font-weight:400}
body.v3 .v3-wm-sub{display:block;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#c3c9d4;margin-top:2px}
body.v3 .v3-wel-quote{font-family:var(--v3-display);font-style:italic;font-size:22px;line-height:1.45;color:#f1ead8;margin:0;text-wrap:pretty}
body.v3 .v3-wel-sig .v3-script{font-size:34px;margin-bottom:2px}
body.v3 .v3-wel-sig b{display:block;color:#fff;font-size:15px}
body.v3 .v3-wel-sig > span:not(.v3-script){display:block;color:#9aa3b3;font-size:13px;margin-top:2px}
body.v3 .v3-wel-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
body.v3 .v3-wel-acts .v3-chip{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.22)}

/* Pastor's Word of the Week */
body.v3 .v3-pword{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:20px;padding:22px 22px 18px;box-shadow:var(--v3-shadow)}
body.v3 .v3-pword blockquote,body.v3 .v3-pw-full{margin:10px 0 0;font-family:var(--v3-display);font-size:22px;line-height:1.45;color:var(--v3-ink)}
body.v3 .v3-pw-full{font-size:19px;white-space:pre-line}
body.v3 .v3-pw-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
body.v3 .v3-pw-more{background:none;border:0;padding:0;color:var(--v3-gold);font:800 15px var(--v3-body);cursor:pointer}
body.v3 .v3-pw-foot span{color:var(--v3-muted);font-size:14px;font-weight:700}

/* Notifications: a narrow strip */
body.v3 #pushHubCard{margin:0 !important}
body.v3 #pushHubCard .ph-wrap{display:flex !important;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 10px 10px 14px !important;border-radius:14px !important;
  background:var(--v3-ink) !important;border:1px solid rgba(216,182,94,.35) !important;box-shadow:none !important;margin:0 !important}
body.v3 #pushHubCard .ph-top{flex:1 1 180px;min-width:0;display:flex !important;align-items:center;gap:10px;margin:0 !important}
body.v3 #pushHubCard .ph-bell{width:30px !important;height:30px !important;font-size:15px !important;flex:none;margin:0 !important}
body.v3 #pushHubCard .ph-eyebrow,body.v3 #pushHubCard .ph-sub{display:none !important}
body.v3 #pushHubCard .ph-title{font:700 15px/1.25 var(--v3-body) !important;color:#fff !important;margin:0 !important}
body.v3 #pushHubCard .ph-btn{width:auto !important;flex:none;margin:0 !important;padding:9px 16px !important;font:800 13.5px/1 var(--v3-body) !important;border-radius:999px !important;min-height:38px}
body.v3 #pushHubCard .ph-msg{flex-basis:100%;margin:0 !important;color:#c3c9d4 !important}
body.v3 #pushHubCard .ph-msg:empty{display:none}

/* ── Square photos: Member of the Month and the love gift (never stretched) ── */
body.v3 .v3-ev.motm .v3-ev-img{min-height:0;align-self:start;aspect-ratio:1/1;margin:14px 0 0 14px;border-radius:14px;overflow:hidden;background:#e9ecf1}
body.v3 .v3-ev.motm .v3-ev-img img:not(.v3-badge){object-position:center 22%}
body.v3 .v3-ev.motm .v3-ev-img .pop{font-size:10px;padding:5px 3px}

/* ── Prayer: the wall, then four doors ──────────────────────────────────────── */
body.v3 #v3-pray .pw-wall-wrap{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
body.v3 #v3-pray .pw-post-trigger,body.v3 #v3-pray .pw-submit-btn{background:var(--v3-ink) !important;color:#fff !important;border:0 !important;border-radius:999px !important;
  box-shadow:none !important;font:800 15px var(--v3-body) !important;min-height:48px}
body.v3 .v3-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.v3 .v3-way{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;padding:15px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer;font:inherit;color:var(--v3-text);box-shadow:var(--v3-shadow)}
body.v3 .v3-way b{font-family:var(--v3-display);font-size:20px;line-height:1.1;color:var(--v3-ink);font-weight:600}
body.v3 .v3-way span{font-size:13.5px;line-height:1.4;color:var(--v3-muted)}
body.v3 .v3-way i{font-style:normal;font-size:13px;font-weight:800;color:var(--v3-gold);margin-top:auto;padding-top:4px}

/* In the pop-out a card is already "open": hide its own top fold bar */
body.v3 .v3-sheet-body > .accordion-wrap > .accordion-trigger,
body.v3 .v3-sheet-body > [id] > .cfold-t{display:none !important}
body.v3 .v3-sheet-body .accordion-body.open{max-height:none !important}

/* ── Fold bars and accordions anywhere in the rooms: clean white rows ───────── */
body.v3 .v3-sec .accordion-trigger{background:var(--v3-card) !important;border:1px solid var(--v3-line) !important;box-shadow:var(--v3-shadow) !important;border-radius:14px !important}
body.v3 .v3-sec .accordion-title{color:var(--v3-ink) !important;font-family:var(--v3-body) !important;font-weight:800 !important}
body.v3 .v3-sec .accordion-sub{color:var(--v3-muted) !important}
body.v3 .v3-sec .accordion-chevron{color:var(--v3-gold) !important}

/* ── Giving: one calm list (Stripe and the basket logic untouched) ─────────── */
body.v3 #giving-body .basket-row{background:var(--v3-card) !important;border:1px solid var(--v3-line) !important;box-shadow:none !important}
body.v3 #giving-body .basket-row-name{color:var(--v3-ink) !important;font-family:var(--v3-body) !important;font-weight:800 !important}
body.v3 #giving-body .basket-row-desc{color:var(--v3-muted) !important}
body.v3 #giving-body .basket-row-icon{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--v3-gold-soft);font-size:19px}
body.v3 #giving-body .basket-amount-wrap{background:var(--v3-paper) !important;border:1px solid var(--v3-line) !important}
body.v3 #giving-body .basket-dollar{color:var(--v3-gold) !important}
body.v3 #giving-body .basket-input{color:var(--v3-ink) !important}
body.v3 #giving-body .giver-toggle-btn.active{background:var(--v3-ink) !important;color:#fff !important;border-color:var(--v3-ink) !important}
body.v3 #giving-body .tithe-calc-trigger{background:var(--v3-card) !important;border:1px solid var(--v3-line) !important;box-shadow:none !important}
body.v3 #giving-body .basket-divider{color:var(--v3-gold) !important;letter-spacing:.14em}
body.v3 #gh-gate{text-align:left !important;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;padding:18px !important}
body.v3 #gh-gate .gh-gate-icon{display:none}
body.v3 #gh-gate .gh-gate-title{font-family:var(--v3-display) !important;font-size:24px !important;color:var(--v3-ink) !important;font-weight:600 !important}
body.v3 #gh-gate .prayer-input{text-align:left !important;letter-spacing:normal !important}
body.v3 .gh-action-btn{background:var(--v3-ink) !important;border-radius:999px !important}

/* ── Visit: times and address ──────────────────────────────────────────────── */
body.v3 .v3-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.v3 .v3-times > div{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;padding:14px}
body.v3 .v3-times b{display:block;font-family:var(--v3-display);font-size:22px;font-weight:600;color:var(--v3-ink)}
body.v3 .v3-times span{display:block;font-size:13.5px;color:var(--v3-muted)}
body.v3 .v3-times strong{display:block;font-size:20px;margin-top:4px;font-variant-numeric:tabular-nums;color:var(--v3-ink)}
body.v3 .v3-addr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;padding:14px 16px}
body.v3 .v3-addr b{display:block;font-size:17px;color:var(--v3-ink)}
body.v3 .v3-addr span{font-size:14px;color:var(--v3-muted)}
body.v3 .new-members-btn{background:var(--v3-card) !important;border:1px solid var(--v3-line) !important;box-shadow:var(--v3-shadow) !important;color:var(--v3-ink) !important}
body.v3 .new-members-btn *{color:var(--v3-ink) !important}

/* ── The foot of the page: leaders, emergency, footer — one navy band ───────── */
body.v3 #v3-leaders.v3-leaders{background:var(--v3-ink);border-top:0}
body.v3 #v3-leaders .v3-head h2{color:#f1ead8}
body.v3 #v3-leaders .v3-head p{color:#9aa3b3}
body.v3 #v3-leaders .v3-eyebrow{color:var(--v3-gold-hi)}
body.v3 .emergency-section{background:var(--v3-ink) !important;border:0 !important;padding:6px max(16px,env(safe-area-inset-left,0px)) 26px !important;margin:0 !important}
body.v3 .emergency-section-label{display:none !important}
body.v3 .emergency-bar-trigger{max-width:420px;margin:0 auto !important;background:transparent !important;border:1.5px solid #e5484d !important;box-shadow:none !important;
  color:#ffb4ab !important;padding:12px 16px !important;border-radius:999px !important;font-size:15px !important}
body.v3 .emergency-pulse{display:none !important}
body.v3 footer.footer{background:#08111f !important;border-top:1px solid rgba(255,255,255,.06) !important;color:#9aa3b3 !important;padding:26px 16px calc(96px + env(safe-area-inset-bottom,0px)) !important;text-align:center}
body.v3 .v3-foot-in{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;text-align:left}
body.v3 .v3-foot-in img{width:40px;height:40px}
body.v3 .v3-foot-in .v3-script{font-size:32px}
body.v3 .v3-foot-in span:not(.v3-script){display:block;font-size:13px;color:#9aa3b3}
body.v3 footer.footer .footer-brand{display:none}

@media (min-width:760px){
  body.v3 .v3-welcome{grid-template-columns:400px minmax(0,1fr);align-items:stretch}
  body.v3 .v3-wel-photo{height:auto;min-height:440px}
  body.v3 .v3-wel-photo picture{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:86%;width:auto}
  body.v3 .v3-wel-photo picture img{position:static;transform:none;height:100%;width:auto;max-width:none}
  body.v3 .v3-wel-body{padding:44px 44px 40px 8px;justify-content:center}
  body.v3 .v3-script{font-size:58px}
  body.v3 .v3-wel-quote{font-size:25px}
  body.v3 .v3-ways{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.v3 .v3-times{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.v3 .v3-ev.motm .v3-ev-img{margin:18px 0 18px 18px}
}

/* Rooms whose title already says it all stay open (no duplicate fold bar) */
body.v3 #v3-give #giving-body,body.v3 #v3-give #giving-body.collapsed,
body.v3 #v3-celebrate #birthdays-body,body.v3 #v3-celebrate #birthdays-body.collapsed{max-height:none !important;opacity:1 !important;overflow:visible !important;margin-top:0 !important}
body.v3 #giving-body .tithe-calc-label{color:var(--v3-ink) !important}
body.v3 #giving-body .tithe-calc-sub{color:var(--v3-muted) !important}
body.v3 .v3-sec .collapse-chevron{flex:none}
body.v3 .v3-sec .collapse-chevron::before{white-space:nowrap}

/* Forms opened from the rooms share one look: navy head, navy button */
body.v3 .prayer-form-header,body.v3 .testimony-header,body.v3 .watch-header{background:var(--v3-ink) !important}
body.v3 .prayer-submit,body.v3 .testimony-submit,body.v3 .watch-submit{background:var(--v3-ink) !important;border-radius:999px !important;box-shadow:none !important}
/* The page ends in one navy band: no light gap above the emergency strip */
body.v3 .main{padding-bottom:0 !important}


/* ═══ PASS 2b · One giving card: three tabs, one style (Stripe untouched) ═══ */
body.v3 #v3-give .v3-col{max-width:1000px}
body.v3 .v3-gtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#e4e8ee;border-radius:14px;padding:4px}
body.v3 .v3-gtab{border:0;background:transparent;border-radius:10px;padding:11px 6px;font:800 13.5px/1.2 var(--v3-body);color:var(--v3-muted);cursor:pointer;min-height:46px}
body.v3 .v3-gtab.on{background:var(--v3-card);color:var(--v3-ink);box-shadow:0 1px 3px rgba(13,26,46,.14)}
body.v3 .v3-gpanel{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:20px;padding:18px 16px;box-shadow:var(--v3-shadow)}
body.v3 .v3-gpanel #giving-body{margin:0 !important}
body.v3 .v3-gpanel #giving-history-section{margin:0 !important}
body.v3 .v3-gpanel #gh-gate{border:0;box-shadow:none;padding:0 !important}
/* compact basket rows; two columns on wide screens */
body.v3 #giving-body .basket-row{padding:10px 12px !important;border-radius:12px !important;margin:0 0 8px !important;background:var(--v3-paper) !important;border-color:transparent !important}
body.v3 #giving-body .basket-row-desc{font-size:12.5px !important}
body.v3 #giving-body .basket-row-icon{width:34px;height:34px;font-size:16px;background:var(--v3-card)}
/* the total and Give Now stay in reach while filling the basket */
body.v3 #giving-body .basket-total-bar{margin:0 !important;background:var(--v3-ink) !important;border:0 !important;border-radius:14px !important;box-shadow:0 8px 24px rgba(13,26,46,.25) !important}
body.v3 #giving-body .basket-total-bar *{color:#fff !important}
body.v3 #giving-body .basket-total-amount{color:var(--v3-gold-hi) !important;font-variant-numeric:tabular-nums}
body.v3 #giving-body .basket-give-btn{background:var(--v3-gold) !important;color:#fff !important;border-radius:999px !important;box-shadow:none !important;font-family:var(--v3-body) !important;font-weight:800 !important}
body.v3 #giving-body .basket-give-btn:disabled{opacity:.5}
/* the love gift, in the same family */
body.v3 .v3-love{display:flex;flex-direction:column;gap:12px}
body.v3 .v3-love-head{display:flex;align-items:center;gap:14px}
body.v3 .v3-love-head img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid var(--v3-gold-soft);flex:none}
body.v3 .v3-love-head b{display:block;font-family:var(--v3-display);font-size:24px;line-height:1.1;color:var(--v3-ink);font-weight:600}
body.v3 .v3-love-head span{display:block;font-size:13.5px;color:var(--v3-muted);margin-top:3px}
body.v3 .v3-love p{margin:0;color:var(--v3-text);font-size:15.5px;line-height:1.55}
body.v3 .v3-love .v3-love-verse{font-family:var(--v3-display);font-style:italic;font-size:18px;color:var(--v3-ink)}
body.v3 .v3-love-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.v3 .v3-love-btn{background:var(--v3-paper);border:1px solid var(--v3-line);border-radius:14px;padding:12px 8px;text-align:center;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:3px}
body.v3 .v3-love-btn b{font-size:15px;color:var(--v3-ink)}
body.v3 .v3-love-btn span{font-size:12px;color:var(--v3-muted)}
@media (min-width:760px){
  body.v3 #giving-body #basket-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.v3 #giving-body #basket-rows .basket-row{margin:0 !important}
  body.v3 .v3-gpanel{padding:24px}
}
body.v3 .v3-givebar{position:sticky;bottom:calc(74px + env(safe-area-inset-bottom,0px));z-index:3;display:grid;gap:8px;background:rgba(255,255,255,.96);
  padding:8px;margin:10px -8px 0;border-radius:18px;box-shadow:0 -2px 18px rgba(13,26,46,.10)}
body.v3 .v3-givebar .basket-give-btn{width:100%;margin:0 !important;min-height:52px}
body.v3 #giving-body .tithe-calc-wrap{border:0 !important;box-shadow:none !important;background:transparent !important}

/* ═══ PASS 2c · Welcome band: head room, words over the shoulders, entrance motion ═══ */
body.v3 .v3-wel-photo{height:340px;padding-top:30px;box-sizing:border-box}
body.v3 .v3-wel-photo picture,body.v3 .v3-wel-photo img{height:100%;width:auto}
body.v3 .v3-wel-body{margin-top:-96px;padding-top:70px;background:linear-gradient(180deg,rgba(13,26,46,0) 0%,rgba(13,26,46,.86) 34%,rgba(13,26,46,0) 100%)}
body.v3 .v3-welcome .v3-wel-photo picture{opacity:0;transform:translateY(22px) scale(1.03);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
body.v3 .v3-welcome .v3-wel-photo::before{opacity:0;transform:translateX(-50%) scale(.8);transition:opacity 1.4s ease .2s,transform 1.6s ease .2s}
body.v3 .v3-welcome .v3-wordmark img{opacity:0;transform:rotate(-90deg) scale(.6);transition:opacity .8s ease .45s,transform 1s cubic-bezier(.2,.7,.2,1) .45s}
body.v3 .v3-welcome .v3-wordmark > div,body.v3 .v3-welcome .v3-wel-quote,body.v3 .v3-welcome .v3-wel-sig,body.v3 .v3-welcome .v3-wel-acts{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease}
body.v3 .v3-welcome .v3-wordmark > div{transition-delay:.6s}
body.v3 .v3-welcome .v3-wel-quote{transition-delay:.8s}
body.v3 .v3-welcome .v3-wel-sig{transition-delay:1s}
body.v3 .v3-welcome .v3-wel-acts{transition-delay:1.15s}
body.v3 .v3-welcome.in .v3-wel-photo picture,body.v3 .v3-welcome.in .v3-wordmark img,body.v3 .v3-welcome.in .v3-wordmark > div,
body.v3 .v3-welcome.in .v3-wel-quote,body.v3 .v3-welcome.in .v3-wel-sig,body.v3 .v3-welcome.in .v3-wel-acts{opacity:1;transform:none}
body.v3 .v3-welcome.in .v3-wel-photo::before{opacity:1;transform:translateX(-50%) scale(1)}
@media (prefers-reduced-motion:reduce){
  body.v3 .v3-welcome *,body.v3 .v3-welcome .v3-wel-photo::before{transition:none !important;opacity:1 !important}
  body.v3 .v3-welcome .v3-wel-photo picture,body.v3 .v3-welcome .v3-wordmark img,body.v3 .v3-welcome .v3-wordmark > div,body.v3 .v3-welcome .v3-wel-quote,body.v3 .v3-welcome .v3-wel-sig,body.v3 .v3-welcome .v3-wel-acts{transform:none !important}
}
@media (min-width:760px){
  body.v3 .v3-wel-photo{height:auto;padding-top:0}
  body.v3 .v3-wel-body{margin-top:0;padding-top:44px;background:none}
  body.v3 .v3-welcome .v3-wel-photo picture{transform:translateX(-50%) translateY(22px) scale(1.03)}
  body.v3 .v3-welcome.in .v3-wel-photo picture{transform:translateX(-50%)}
}
@media (min-width:760px){
  body.v3 .v3-welcome .v3-wel-photo picture{left:0;right:0;width:100%;height:auto;display:flex;justify-content:center;align-items:flex-end;transform:translateY(22px) scale(1.03)}
  body.v3 .v3-welcome.in .v3-wel-photo picture{transform:none}
  body.v3 .v3-welcome .v3-wel-photo picture img{width:100%;height:auto;max-height:420px;object-fit:contain;object-position:bottom}
}

/* ═══ PASS 2d · The welcome band fits one phone screen (Pastor Clark: "bottom cut off") ═══ */
body.v3 .v3-wel-sig > span:not(.v3-script) b{display:inline;color:#fff;font-size:inherit}
@media (max-width:759px){
  body.v3 .v3-wel-photo{height:256px;padding-top:22px}
  body.v3 .v3-wel-body{margin-top:-82px;padding:56px 20px 20px;gap:10px}
  body.v3 .v3-wordmark img{width:40px;height:40px}
  body.v3 .v3-wordmark .v3-script{font-size:40px}
  body.v3 .v3-wm-sub{font-size:10px;letter-spacing:.22em}
  body.v3 .v3-wel-quote{font-size:18.5px;line-height:1.42}
  body.v3 .v3-wel-sig .v3-script{font-size:28px}
  body.v3 .v3-wel-sig > span:not(.v3-script){font-size:12.5px;line-height:1.4}
  body.v3 .v3-wel-acts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-20px;padding-right:20px}
  body.v3 .v3-wel-acts::-webkit-scrollbar{display:none}
  body.v3 .v3-wel-acts .v3-chip{flex:none;min-height:40px;padding:8px 14px;font-size:13px}
}

/* ═══ PASS 2e · Pastor Clark: "picture on the left and the words on the right" — a card on
   every screen. Areas: photo | words, then the buttons (under the words on wide screens,
   across the full card on phones). ═══ */
body.v3 .v3-welcome{grid-template-columns:40% minmax(0,1fr);grid-template-areas:"photo body" "acts acts";align-items:stretch}
body.v3 .v3-wel-photo{grid-area:photo;height:auto !important;min-height:300px;padding:0 !important;margin:0}
body.v3 .v3-wel-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,26,46,0) 62%,rgba(13,26,46,.85) 100%);pointer-events:none}
body.v3 .v3-welcome .v3-wel-photo picture{position:absolute !important;left:-70%;right:-70%;bottom:0;height:92%;width:auto;display:flex;justify-content:center;align-items:flex-end;transform:translateY(22px) scale(1.03)}
body.v3 .v3-welcome.in .v3-wel-photo picture{transform:none}
body.v3 .v3-welcome .v3-wel-photo picture img{position:static !important;height:100% !important;width:auto !important;max-width:none !important;max-height:none !important;transform:none !important}
body.v3 .v3-wel-photo::before{bottom:40px;width:220px;height:220px}
body.v3 .v3-wel-body{grid-area:body;margin:0 !important;padding:24px 18px 8px 6px !important;background:none !important;justify-content:center;gap:10px}
body.v3 .v3-wel-acts{grid-area:acts;position:relative;z-index:1;padding:8px 18px 20px;margin:0}
@media (max-width:759px){
  body.v3 .v3-wordmark{gap:8px}
  body.v3 .v3-wordmark img{width:30px;height:30px}
  body.v3 .v3-wordmark .v3-script{font-size:31px}
  body.v3 .v3-wm-sub{font-size:8.5px;letter-spacing:.16em}
  body.v3 .v3-wel-quote{font-size:16px;line-height:1.4}
  body.v3 .v3-wel-sig .v3-script{font-size:24px}
  body.v3 .v3-wel-sig > span:not(.v3-script){font-size:11.5px}
  body.v3 .v3-wel-acts{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;padding-right:18px;margin-right:0}
}
@media (min-width:760px){
  body.v3 .v3-welcome{grid-template-columns:400px minmax(0,1fr);grid-template-areas:"photo body" "photo acts"}
  body.v3 .v3-wel-photo{min-height:440px}
  body.v3 .v3-welcome .v3-wel-photo picture{left:0;right:0;height:90%}
  body.v3 .v3-wel-photo::before{bottom:60px;width:320px;height:320px}
  body.v3 .v3-wel-body{padding:44px 44px 12px 8px !important;justify-content:flex-end}
  body.v3 .v3-wel-acts{padding:4px 44px 40px 8px}
}

/* PASS 2f · steadier portrait crop: fill the column, face centred, head room on top,
   a soft fade into the words instead of an overlay edge */
body.v3 .v3-wel-photo::after{content:none !important}
body.v3 .v3-welcome .v3-wel-photo picture{left:0 !important;right:0 !important;top:auto;bottom:0;height:93% !important;width:100% !important;display:block !important}
body.v3 .v3-welcome .v3-wel-photo picture img{width:100% !important;height:100% !important;object-fit:cover;object-position:50% 0%;
  -webkit-mask-image:linear-gradient(90deg,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,#000 72%,transparent 100%)}
@media (min-width:760px){ body.v3 .v3-welcome .v3-wel-photo picture{height:90% !important} }
/* Splash words with more life (Pastor Clark: "spice it up some word wise") */
body.v3 #splash .v3s-welcome{font-family:"Pinyon Script","Great Vibes",cursive;font-size:44px;line-height:1;color:#d8b65e;margin:2px 0 -4px;animation:v3rise .9s .45s ease both;text-shadow:0 2px 18px rgba(216,182,94,.35)}
body.v3 #splash .v3s-name{animation-delay:.62s}

/* ═══ PASS 2g · welcome strip under the Word; the welcome card inside the pop-out ═══ */
body.v3 .v3-wstrip{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;
  padding:10px 14px 10px 10px;box-shadow:var(--v3-shadow);cursor:pointer;font:inherit;color:var(--v3-text)}
body.v3 .v3-wstrip img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid var(--v3-gold-soft);flex:none}
body.v3 .v3-wstrip span{flex:1;min-width:0}
body.v3 .v3-wstrip b{display:block;font-family:var(--v3-display);font-size:20px;line-height:1.15;color:var(--v3-ink);font-weight:600}
body.v3 .v3-wstrip i{font-style:normal;font-size:12.5px;font-weight:800;color:var(--v3-gold)}
body.v3 .v3-wstrip em{font-style:normal;font-size:26px;color:var(--v3-gold);line-height:1}
body.v3 .v3-sheet-body > .v3-welcome{box-shadow:none}
body.v3 .v3-sec .collapse-chevron{background:none !important;border:0 !important;box-shadow:none !important;width:auto !important;height:auto !important;margin-left:10px}

/* ═══ PASS 3 · 2026-10-15 (4:48 AM review) ═══ */
/* Splash: a little smaller portrait; the glow keeps breathing while the screen stays up */
body.v3 #splash .v3s-photo{height:min(62vh,640px)}
body.v3 #splash .v3s-glow{animation:v3glow 1.8s ease both,v3breathe 2.6s 1.8s ease-in-out infinite alternate}
@keyframes v3breathe{from{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:.7;transform:translateX(-50%) scale(1.07)}}

/* Welcome: words a touch to the right; the pop-out is navy edge to edge (no white frame) */
body.v3 .v3-wel-body{padding-left:16px !important}
@media (min-width:760px){ body.v3 .v3-wel-body{padding-left:30px !important} body.v3 .v3-wel-acts{padding-left:30px} }
body.v3 .v3-sheet-bg.dark .v3-sheet{background:#0a1426}
body.v3 .v3-sheet-bg.dark .v3-sheet-bar{background:#0a1426;border-bottom-color:rgba(216,182,94,.25)}
body.v3 .v3-sheet-bg.dark .v3-sheet-bar b{color:#f1ead8}
body.v3 .v3-sheet-bg.dark .v3-sheet-x{background:var(--v3-gold);color:#fff}
body.v3 .v3-sheet-bg.dark .v3-welcome{box-shadow:none;border-radius:20px}

/* Member of the Month: picture with its buttons beneath it */
body.v3 .v3-ev.motm .v3-motm-left{display:flex;flex-direction:column;gap:8px;padding:14px 0 14px 14px;min-width:0}
body.v3 .v3-ev.motm .v3-motm-left .v3-ev-img{margin:0 !important;width:100%}
body.v3 .v3-ev.motm .v3-motm-left .v3-chip{width:100%;min-height:36px;padding:7px 6px;font-size:12px;line-height:1.15;text-align:center}
body.v3 .v3-ev.motm.noside{grid-template-columns:118px minmax(0,1fr)}
body.v3 .v3-ev.motm{grid-template-columns:118px minmax(0,1fr)}
body.v3 .v3-ev.motm .v3-ev-side .v3-chip{display:none}
@media (max-width:759px){ body.v3 .v3-ev.motm .v3-ev-side{display:none} }
@media (min-width:760px){
  body.v3 .v3-ev.motm{grid-template-columns:200px minmax(0,1fr) 196px}
  body.v3 .v3-ev.motm.noside{grid-template-columns:200px minmax(0,1fr)}
  body.v3 .v3-ev.motm .v3-motm-left{padding:18px 0 18px 18px}
  body.v3 .v3-ev.motm .v3-motm-left .v3-chip{font-size:13px;min-height:40px}
}

/* Giving: prompts readable for every eye */
body.v3 #giving-body .basket-name-input,body.v3 #giving-body .giver-detail-input{color:var(--v3-ink) !important;font-weight:700 !important;background:#fff !important}
body.v3 #giving-body .basket-name-input::placeholder,body.v3 #giving-body .giver-detail-input::placeholder{color:#2b3445 !important;opacity:1 !important;font-weight:700 !important}
body.v3 #giving-body .basket-name-row,body.v3 #giving-body .giver-detail-row{border:1.5px solid #b9c0cc !important;background:#fff !important}
body.v3 #giving-body .giver-toggle-label{font-size:13px !important;color:var(--v3-ink) !important}
body.v3 #giving-body .giver-toggle-btn{border:2px solid var(--v3-ink) !important;font-weight:800 !important;color:var(--v3-ink) !important;min-height:48px}
body.v3 #giving-body .giver-toggle-btn.active{color:#fff !important}
body.v3 #giving-body .giver-toggle.v3-pulse{border-radius:16px;animation:v3pick 1.6s ease-in-out infinite}
@keyframes v3pick{0%,100%{box-shadow:0 0 0 0 rgba(201,167,90,.0)}50%{box-shadow:0 0 0 6px rgba(201,167,90,.55)}}
@media (prefers-reduced-motion:reduce){ body.v3 #giving-body .giver-toggle.v3-pulse{animation:none;box-shadow:0 0 0 4px rgba(201,167,90,.55)} }
body.v3 .v3-wstrip img{background:#0d1a2e;object-position:center 8%}
/* Splash: the smaller portrait rides higher, so there is no empty sky above it */
body.v3 #splash .v3s-photo{top:calc(env(safe-area-inset-top,0px) + 9vh);bottom:auto;height:min(64vh,660px)}
body.v3 #splash .v3s-glow{top:calc(env(safe-area-inset-top,0px) + 4vh)}
/* Giving prompts fit the line on a phone */
body.v3 #giving-body .basket-name-input,body.v3 #giving-body .giver-detail-input{font-size:14.5px !important}
body.v3 .v3-motm-verse{margin:2px 0 0;font-family:var(--v3-display);font-style:italic;font-size:14px;line-height:1.35;color:var(--v3-ink);text-align:center}
body.v3 .v3-motm-verse b{display:block;margin-top:4px;font-family:var(--v3-body);font-style:normal;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--v3-gold)}

/* 2026-10-17 — MINISTRY SEALS replace the ministry cards (Pastor Clark). Rev. 2 from his sketch: the logo circle is the
   button, the name curves outside its top edge and the time outside its bottom edge; two per row, spaced like the cards. */
body.v3 .v3-tiles.v3-seals{gap:6px 12px}
body.v3 .v3-tile.v3-seal{background:none;border:0;box-shadow:none;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center}
body.v3 .v3-seal-svg{display:block;width:100%;max-width:240px;height:auto;overflow:visible;transition:transform .18s ease}
body.v3 .v3-seal:hover .v3-seal-svg{transform:scale(1.03)}
body.v3 .v3-seal:active .v3-seal-svg{transform:scale(.96)}
body.v3 .v3-seal:focus-visible{outline:3px solid var(--v3-gold);outline-offset:3px}
body.v3 .v3-seal-svg text{font-family:'Cinzel','Cormorant Garamond',Georgia,serif;font-weight:700;letter-spacing:.12em}
body.v3 .v3-seal-top{fill:var(--v3-ink);font-size:15.5px}
body.v3 .v3-seal-bot{fill:#0A6E6E;font-size:10.5px;letter-spacing:.16em}
body.v3 .v3-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.v3 .v3-tapnote{display:inline-flex;align-items:center;gap:7px;color:var(--v3-gold);font-weight:700;letter-spacing:.02em}
body.v3 .v3-tapnote svg{width:18px;height:18px;flex:none}
body.v3 .v3-seal-shine{transform:translateX(0);opacity:0}
body.v3 .v3-seal.v3-shine .v3-seal-shine{animation:v3SealShine 1.15s ease-out 1 forwards}
@keyframes v3SealShine{0%{transform:translateX(0);opacity:1}100%{transform:translateX(260px);opacity:1}}
@media (prefers-reduced-motion:reduce){body.v3 .v3-seal.v3-shine .v3-seal-shine{animation:none}}

/* 2026-10-18 — Pastor's name on the splash */
body.v3 #splash .v3s-pastor{font-family:var(--v3-display);font-size:21px;font-weight:600;color:#f1ead8;letter-spacing:.02em;line-height:1.15;margin:6px 0 0;padding-top:12px;border-top:1px solid rgba(216,182,94,.35);text-align:center;animation:v3rise .8s 1.2s ease both}
body.v3 #splash .v3s-pastor span{display:block;font-family:var(--v3-body);font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#d8b65e;margin-top:6px}

/* ── 2026-10-20 — THE HONOR COVER + WALL OF HONOR (ebc-v3.js honorCover / honorWall) ───────────────── */
body.v3 .hc{max-width:560px;margin:0 auto;border-radius:22px;overflow:hidden;background:var(--v3-ink);color:#e6e9ef;box-shadow:0 2px 4px rgba(13,26,46,.08),0 18px 40px -12px rgba(13,26,46,.38)}
body.v3 .hc-ph{position:relative;display:block;width:100%;aspect-ratio:4/4.3;max-width:100%;padding:0;border:0;background:#1b2a44;cursor:pointer;overflow:hidden;text-align:left}
body.v3 .hc-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}
body.v3 .hc-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,26,46,0) 40%,rgba(13,26,46,.55) 66%,#0d1a2e 98%)}
body.v3 .hc-mono{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--v3-display);font-size:120px;color:var(--v3-gold-hi)}
body.v3 .hc-frame{position:absolute;inset:10px;border:1px solid rgba(224,194,122,.55);border-radius:14px;z-index:1;pointer-events:none}
body.v3 .hc-seal{position:absolute;top:18px;right:18px;z-index:2;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6e7b8,#c9a75a 50%,#7c5c14);display:grid;place-items:center;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.4)}
body.v3 .hc-seal span{font-family:"Cinzel",var(--v3-display);font-size:8.5px;font-weight:700;color:#0d1a2e;line-height:1.15;letter-spacing:.06em}
body.v3 .hc-seal b{display:block;font-size:15px}
body.v3 .hc-over{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 22px 16px;display:flex;flex-direction:column;gap:3px;color:#f1ead8}
body.v3 .hc-m{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:#e0c27a;font-weight:800}
body.v3 .hc-n{font-family:var(--v3-display);font-size:clamp(32px,9vw,42px);line-height:.98;font-weight:600;text-wrap:balance}
body.v3 .hc-r{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#cfd4de;font-weight:700}
body.v3 .hc-body{padding:8px 22px 18px}
body.v3 .hc-pq{font-family:var(--v3-display);font-size:20px;line-height:1.38;font-style:italic;color:#f1ead8;margin:6px 0 12px;position:relative;padding-left:22px}
body.v3 .hc-pq::before{content:"\201C";position:absolute;left:-4px;top:-14px;font-size:54px;color:var(--v3-gold-hi);font-style:normal}
body.v3 .hc-pq span{display:block;font-family:var(--v3-body);font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--v3-gold-hi);font-weight:800;margin-top:6px}
body.v3 .hc-vs{font-size:12.5px;line-height:1.5;color:#aab3c3;border-top:1px solid rgba(224,194,122,.22);padding-top:10px;margin:0 0 14px}
body.v3 .hc-vs b{color:#e0c27a;font-weight:800;letter-spacing:.08em;font-size:10.5px;text-transform:uppercase;margin-left:6px}
body.v3 .hc-acts{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}
body.v3 .hc-acts button{border-radius:14px;padding:13px 8px;font:800 13.5px var(--v3-body);cursor:pointer;min-height:48px}
body.v3 .hc-acts .hc-p{border:0;color:#0d1a2e;background:linear-gradient(135deg,#a5843a,#e0c27a 55%,#f1dc9e)}
body.v3 .hc-acts .hc-s{border:1px solid rgba(224,194,122,.45);color:#e0c27a;background:transparent}
body.v3 .hc-acts button:only-child{grid-column:1/-1}
body.v3 .hc-rib{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%;border:0;background:linear-gradient(90deg,#a5843a,#c9a75a);color:#0d1a2e;padding:11px 18px;font:800 13px var(--v3-body);text-align:left}
body.v3 .hc-rib span{font-weight:600}
body.v3 .hc-rib.go{cursor:pointer}
body.v3 .hw{max-width:560px;margin:18px auto 0}
body.v3 .hw-hd{display:flex;justify-content:space-between;align-items:baseline;padding:0 2px}
body.v3 .hw-hd b{font-family:var(--v3-display);font-size:24px;color:var(--v3-ink);font-weight:600}
body.v3 .hw-hd span{font-size:11px;color:var(--v3-gold);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
body.v3 .hw-strip{display:flex;gap:12px;overflow-x:auto;padding:10px 2px 6px;scrollbar-width:none;scroll-snap-type:x mandatory}
body.v3 .hw-strip::-webkit-scrollbar{display:none}
body.v3 .hw-it{flex:0 0 112px;scroll-snap-align:start;text-align:center;background:none;border:0;padding:0;cursor:pointer;font-family:var(--v3-body)}
body.v3 .hw-it i{display:block;width:96px;height:96px;margin:0 auto 7px;border-radius:50%;overflow:hidden;background:linear-gradient(140deg,#f3ebd6,#c9a75a);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--v3-gold-hi)}
body.v3 .hw-it i img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
body.v3 .hw-it i em{display:grid;place-items:center;height:100%;font-style:normal;font-family:var(--v3-display);font-size:34px;font-weight:700;color:#0d1a2e}
body.v3 .hw-it b{display:block;font-size:12.5px;color:var(--v3-ink);line-height:1.25}
body.v3 .hw-it small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--v3-gold);font-weight:800}
body.v3 .hw-it.now i{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--v3-ink)}
body.v3 .hw-it.first i{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--v3-gold-hi),0 0 0 7px rgba(201,167,90,.35)}
.hw-ov{position:fixed;inset:0;z-index:2147480000;background:rgba(6,11,20,.7);display:flex;align-items:flex-end;justify-content:center;padding:0 0 env(safe-area-inset-bottom,0px)}
.hw-card{position:relative;width:min(520px,100%);max-height:88vh;overflow:auto;background:#0d1a2e;color:#e6e9ef;border-radius:22px 22px 0 0;font-family:"Manrope",-apple-system,BlinkMacSystemFont,sans-serif}
.hw-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 25%;max-width:100%}
.hw-in{padding:16px 22px 28px}
.hw-in .hc-m{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#e0c27a;font-weight:800}
.hw-in h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;line-height:1.02;margin:4px 0 4px;font-weight:600;color:#f1ead8}
.hw-r{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#cfd4de;font-weight:700;margin-bottom:10px}
.hw-in p{font-size:14.5px;line-height:1.6;color:#d5dae4;margin:0 0 12px;white-space:pre-line}
.hw-in .hw-v{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:17px;color:#e0c27a}
.hw-x{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(13,26,46,.7);color:#fff;font-size:15px;cursor:pointer}

/* 2026-10-27 — a hidden tile stays hidden. .v3-seal's display:flex was overriding the [hidden] attribute, so a seal whose
   ministry card had retired (WordWorks after its October series) stayed on screen and opened an empty sheet. */
body.v3 .v3-tile[hidden]{display:none!important}

/* 2026-10-28 — the new splash is Pastor Clark's finished portrait card, shown whole (never cropped) on every screen.
   The navy around it matches the picture's own edges, and the sides melt into it on wide screens. */
body.v3 #splash.v3s-full{background:linear-gradient(180deg,#08112a 0%,#0a1630 45%,#040a18 100%)!important;padding:0!important}
body.v3 #splash.v3s-full .v3s-glow{display:none!important}
/* 2026-10-28 — his name returns under the verse (Pastor Clark: "Yes add"); the picture's own words cover the rest. */
body.v3 #splash.v3s-full .v3s-text{display:none!important}   /* 2026-10-28 (night) — his name is now part of the picture itself, so it can never sit on top of the verse */
body.v3 #splash.v3s-full .v3s-text>:not(.v3s-pastor){display:none!important}
body.v3 #splash.v3s-full .v3s-pastor{font-size:19px;margin:0;padding-top:9px;min-width:210px}
body.v3 #splash.v3s-full .v3s-photo{position:absolute;inset:0;top:0;bottom:0;left:0;height:auto;width:100%;transform:none;display:flex;justify-content:center;align-items:center;animation:v3full 1.1s ease both}
@keyframes v3full{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}
body.v3 #splash.v3s-full .v3s-photo img{height:100%;width:auto;max-width:100%;object-fit:contain;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
@media (max-width:520px){body.v3 #splash.v3s-full .v3s-photo img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}}

/* 2026-10-28 (night) — Pastor Clark's iPhone showed the picture larger than the screen, so the bottom lines crowded each
   other. The picture now fills a fixed box and is fitted inside it (never cropped, never stretched) on every phone. */
body.v3 #splash.v3s-full .v3s-photo{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;display:block!important}
body.v3 #splash.v3s-full .v3s-photo img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;object-position:center center;
  padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);box-sizing:border-box}

/* 2026-11-04 — FROM THE PASTOR'S DESK: one panel in the welcome band's style. Navy, a gold line, no black. */
body.v3 .v3-pdesk{position:relative;border-radius:22px;overflow:hidden;color:#eef0f4;margin:0;scroll-margin-top:calc(122px + env(safe-area-inset-top,0px));background:radial-gradient(120% 90% at 40% 0%,#23477c 0%,#12264a 60%,#0f2041 100%);box-shadow:0 18px 44px rgba(18,38,74,.24)}
body.v3 .v3-pdesk::after{content:"";position:absolute;inset:9px;border:1px solid rgba(216,182,94,.34);border-radius:16px;pointer-events:none}
body.v3 .d-top{display:grid;grid-template-columns:41% minmax(0,1fr);position:relative}
body.v3 .d-photo{position:relative;overflow:hidden}
body.v3 .d-photo::after{content:"";display:block;padding-top:174%}
body.v3 .d-photo::before{content:"";position:absolute;left:50%;bottom:26px;width:210px;height:210px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(216,182,94,.38) 0%,rgba(216,182,94,.1) 45%,rgba(216,182,94,0) 70%)}
body.v3 .d-photo img{position:absolute;left:0;right:0;bottom:0;width:100%;height:92%;object-fit:cover;object-position:50% 0;-webkit-mask-image:linear-gradient(90deg,#000 74%,transparent 100%);mask-image:linear-gradient(90deg,#000 74%,transparent 100%)}
body.v3 .d-txt{position:relative;z-index:1;padding:22px 18px 10px 6px;display:flex;flex-direction:column;gap:9px;justify-content:center;align-items:flex-start;min-width:0}
body.v3 .d-mark{display:flex;align-items:center;gap:7px}
body.v3 .d-mark img{width:30px;height:30px;flex:none}
body.v3 .d-mark .v3-script{font-size:31px}
body.v3 .d-mark small{display:block;font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;color:#c3cbd9}
body.v3 .d-quote{font:italic 500 16px/1.38 var(--v3-display);color:#f1ead8;margin:0}
body.v3 .d-sig .v3-script{font-size:25px}
body.v3 .d-sig small{display:block;font-size:11px;line-height:1.35;color:#c3cbd9}
body.v3 .d-sig small b{color:#fff}
body.v3 .d-more{all:unset;cursor:pointer;font:700 13px/1.2 var(--v3-body);color:#d8b65e;padding:9px 0;min-height:26px}
body.v3 .d-more:focus-visible,body.v3 .d-tile:focus-visible{outline:3px solid #d8b65e;outline-offset:2px}
body.v3 .v3-pdesk .twm-home-card{position:relative;z-index:1;margin:2px 18px 0;background:rgba(216,182,94,.13);border:1px solid rgba(216,182,94,.5);border-radius:14px;box-shadow:none}
body.v3 .v3-pdesk .twm-home-inner{gap:9px;padding:10px 9px}
body.v3 .v3-pdesk .twm-home-photo{width:46px;height:46px;border:0;box-shadow:none}
body.v3 .v3-pdesk .twm-home-eyebrow{font:800 10.5px/1.3 var(--v3-body);letter-spacing:.14em;color:#d8b65e;margin:0}
body.v3 .v3-pdesk .twm-home-title{font:600 20px/1.12 var(--v3-display);color:#fff;margin:1px 0}
body.v3 .v3-pdesk .twm-home-sub{font-size:11.5px;color:#c3cbd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v3 .v3-pdesk .twm-home-arrow{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e7cc7f,#c9a75a);font-size:0;position:relative}
body.v3 .v3-pdesk .twm-home-arrow::before{content:"";position:absolute;left:15px;top:12px;border-left:13px solid #12264a;border-top:8px solid transparent;border-bottom:8px solid transparent}
body.v3 .v3-pdesk .twm-home-bar{display:none}
body.v3 .v3-pdesk .twm-home-card.mf-wait .twm-home-arrow{background:rgba(255,255,255,.12)}
body.v3 .v3-pdesk .twm-home-card.mf-wait .twm-home-arrow::before{inset:10px;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d8b65e' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 5v5.2l4 2.4-.9 1.5L11 13V7z'/%3E%3C/svg%3E") center/contain no-repeat}
body.v3 .d-opts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:8px;padding:12px 18px 22px}
body.v3 .d-tile{all:unset;box-sizing:border-box;cursor:pointer;display:grid;justify-items:center;align-content:center;gap:5px;min-height:72px;padding:9px 3px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(216,182,94,.34);color:#fff;font:700 12px/1.2 var(--v3-body);text-align:center;text-decoration:none}
body.v3 .d-tile[hidden]{display:none}
body.v3 .d-tile svg{width:24px;height:24px;fill:none;stroke:#d8b65e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* the notifications card's own road stays below the panel; only its help words ever show */
body.v3 #pushHubCard .ph-top,body.v3 #pushHubCard .ph-btn{display:none !important}
body.v3 #pushHubCard .ph-wrap{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important}
body.v3 #pushHubCard .ph-msg{color:#12264a !important;background:#f1e9d4 !important;border-radius:12px;padding:12px 14px}
@media (min-width:760px){
  body.v3 .d-top{grid-template-columns:minmax(260px,38%) minmax(0,1fr)}
  body.v3 .d-photo{min-height:360px}
  body.v3 .d-photo::after{content:none}
  body.v3 .d-photo img{object-fit:contain;object-position:50% 100%;height:100%;-webkit-mask-image:none;mask-image:none}
  body.v3 .d-txt{padding:34px 34px 14px 10px;gap:12px}
  body.v3 .d-quote{font-size:22px}
  body.v3 .d-mark .v3-script{font-size:42px}
  body.v3 .d-mark small{font-size:10.5px}
  body.v3 .d-sig .v3-script{font-size:32px}
  body.v3 .d-sig small{font-size:13px}
  body.v3 .d-tile{font-size:14px}
}
