:root{
  --church-green-950:#123630;
  --church-green-900:#173f39;
  --church-green-800:#24554d;
  --church-green-700:#286659;
  --church-green-600:#2f7668;
  --church-green-300:#9fc4ba;
  --church-green-100:#e7f2ee;
  --church-green-050:#f3f8f6;
  --church-coral:#ec784f;
  --church-coral-deep:#d85d38;
  --church-apricot:#fff0e7;
  --church-cream:#fffaf5;
  --church-canvas:#eef3f1;
  --church-ink:#203b39;
  --church-muted:#6f817d;
  --church-line:#d9e6e1;
  --orange:var(--church-coral)!important;
  --orange-dark:var(--church-coral-deep)!important;
  --orange-deep:var(--church-coral-deep)!important;
  --green:var(--church-green-900)!important;
  --green-2:var(--church-green-800)!important;
  --forest:var(--church-green-800)!important;
  --forest-deep:var(--church-green-950)!important;
  --forest-soft:var(--church-green-100)!important;
  --cream:var(--church-cream)!important;
  --paper:#fff!important;
  --soft:var(--church-green-050)!important;
  --ink:var(--church-ink)!important;
  --muted:var(--church-muted)!important;
  --line:var(--church-line)!important;
  --accent:var(--church-coral)!important;
  accent-color:var(--church-coral);
}

body{
  color:var(--church-ink);
  background-color:var(--church-cream);
}
.site-header,.topbar,.top{
  border-bottom-color:var(--church-line)!important;
  background:rgba(249,251,250,.94)!important;
}
.hero{background:linear-gradient(125deg,var(--church-green-950),var(--church-green-700) 68%,#c87653)!important}
.home-btn,.header-cta,.back,.button.primary,.button:not(.secondary):not(.glass):not(.light){
  color:#fff!important;
  background:linear-gradient(135deg,var(--church-coral),var(--church-coral-deep))!important;
  box-shadow:0 9px 22px rgba(216,93,56,.22)!important;
}
.section-icon,.card-index,.notice-number,.gift-icon,.card-icon{
  color:var(--church-coral-deep)!important;
  background:var(--church-apricot)!important;
  box-shadow:none!important;
}
.summary-card.warm,.week-card.featured,.visit-card,.contact-primary,.callout{
  background:linear-gradient(135deg,var(--church-green-900),var(--church-green-600) 68%,#c87653)!important;
}
.duty{
  color:var(--church-ink)!important;
  border:1px solid var(--church-line)!important;
  background:linear-gradient(145deg,#fff,#edf6f2)!important;
  box-shadow:0 10px 25px rgba(18,54,48,.06);
}
.duty.next{border-color:#f1d1c3!important;background:linear-gradient(145deg,#fff,#fff1e9)!important}
.duty h3{color:var(--church-green-900)!important}
.duty.next h3{color:var(--church-coral-deep)!important}
.duty dt{color:var(--church-green-700)!important}
.duty.next dt{color:var(--church-coral-deep)!important}
.duty dd{color:var(--church-ink)!important}
.summary-card.pale,.gift-callout,.closing,.verse-card{
  border-color:var(--church-line)!important;
  background:linear-gradient(145deg,#fff,var(--church-apricot))!important;
}
.week-pill,.credit-type,.content-heading,.group-main-title{
  color:var(--church-coral-deep)!important;
  background:var(--church-apricot)!important;
}
.verse,.content-heading,.group-main-title{border-left-color:var(--church-coral)!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#f1a084!important}

/* Unified typography, controls and viewport-safe navigation */
html{
  max-width:100%;
  overflow-x:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body,button,input,select,textarea{font-family:inherit!important}
body{max-width:100%;overflow-x:hidden}
.button,.home-btn,.header-cta,.back,.nav-btn,button{
  display:inline-flex;
  max-width:100%;
  min-height:44px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 16px;
  border-radius:13px;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  text-align:center;
  overflow-wrap:anywhere;
}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:46px;
  padding:11px 13px;
  border:1px solid var(--church-line);
  border-radius:12px;
  background:#fbfdfc;
  color:var(--church-ink);
  font-size:16px;
  line-height:1.45;
}
textarea{min-height:112px;resize:vertical;overflow:auto}
label,fieldset,.grid>*,.program>*,.cards>*,.duty-grid>*,.offering-layout>*,.offering-summary>*{min-width:0}
.table-scroll,.toolbar{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.nav,.nav-links,.mobile-nav,.life-nav,.tabs-wrapper,.mobile-bar,.section-nav,.preview-bar{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.nav::-webkit-scrollbar,.nav-links::-webkit-scrollbar,.mobile-nav::-webkit-scrollbar,.life-nav::-webkit-scrollbar,
.tabs-wrapper::-webkit-scrollbar,.mobile-bar::-webkit-scrollbar,.section-nav::-webkit-scrollbar,.preview-bar::-webkit-scrollbar{display:none}
.tab-btn,.mobile-bar-btn,.section-nav a,.nav a,.nav-links a{flex:0 0 auto;min-height:42px;white-space:nowrap;font-size:13px;font-weight:700}

@media(max-width:720px){
  .button,.home-btn,.header-cta,.back,.nav-btn,button{min-height:46px;padding:10px 14px}
  .tabs-wrapper,.section-nav{justify-content:flex-start!important;flex-wrap:nowrap!important;padding-inline:12px}
  .toolbar{grid-template-columns:minmax(0,1fr)!important;overflow:visible}
  .toolbar output{white-space:normal}
  .home-page .mobile-bar{
    left:max(8px,env(safe-area-inset-left));
    right:max(8px,env(safe-area-inset-right));
    bottom:max(8px,env(safe-area-inset-bottom));
    width:auto;
    max-width:calc(100vw - 16px);
    padding-bottom:0;
    overflow:hidden;
    border:1px solid rgba(36,85,77,.12);
    border-radius:18px;
    background:rgba(255,255,255,.94);
    box-shadow:0 12px 36px rgba(18,54,48,.18);
    backdrop-filter:blur(16px) saturate(145%);
    -webkit-backdrop-filter:blur(16px) saturate(145%);
  }
  .home-page .mobile-bar-btn{
    flex:1 1 0;
    min-width:0;
    min-height:58px;
    padding:8px 4px;
    white-space:normal;
    line-height:1.15;
    overflow:hidden;
  }
  .home-page .mobile-bar-btn.primary-action{background:linear-gradient(135deg,var(--church-coral),var(--church-coral-deep));color:#fff}
}

/* Public church website: calmer editorial hierarchy and consistent surfaces */
::selection{background:#ffd9ca;color:var(--church-green-950)}
.home-page{background:var(--church-cream)}
.home-page .header{
  background:rgba(250,252,251,.88)!important;
  border-bottom:1px solid rgba(36,85,77,.09);
  box-shadow:0 8px 30px rgba(18,54,48,.055)!important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.home-page .hero{
  position:relative;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,191,160,.32),transparent 30%),
    radial-gradient(circle at 8% 94%,rgba(216,238,231,.72),transparent 27%),
    linear-gradient(145deg,#fffdf9 0%,#f8faf5 58%,#f4eee7 100%)!important;
}
.home-page .hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(47,118,104,.2),transparent);
}
.home-page .hero-h1{color:var(--church-green-950)}
.home-page .hero-h1 mark{color:var(--church-coral-deep)}
.home-page .hero-p{color:#58706a}
.home-page .badge{
  color:var(--church-coral-deep);
  border:1px solid rgba(236,120,79,.2);
  background:rgba(255,245,239,.86);
  box-shadow:0 8px 24px rgba(216,93,56,.06);
}
.home-page .btn-main,.home-page .nav-btn{
  color:#fff;
  background:linear-gradient(135deg,var(--church-coral),var(--church-coral-deep));
  box-shadow:0 12px 26px rgba(216,93,56,.22);
}
.home-page .btn-main:hover,.home-page .nav-btn:hover{background:linear-gradient(135deg,#f38a63,#c95131);box-shadow:0 16px 34px rgba(216,93,56,.27)}
.home-page .btn-secondary{border-color:rgba(36,85,77,.14);background:rgba(255,255,255,.88);color:var(--church-green-900)}
.home-page .hero-img-box{border-color:rgba(255,255,255,.86);background:radial-gradient(circle at 77% 28%,rgba(255,205,174,.42),transparent 31%),linear-gradient(145deg,#173f39,#2f7668 64%,#bd7456)}
.home-page .hero-mark{filter:drop-shadow(0 12px 20px rgba(0,0,0,.14))}
.home-page .hero-stats{gap:12px;border:0;padding-top:8px}
.home-page .stat-item{flex:1;min-width:0;padding:15px 14px;border:1px solid rgba(216,93,56,.1);border-radius:16px;background:rgba(255,255,255,.72)}
.home-page .stat-item h4{color:var(--church-green-900);font-size:1.02rem}
.home-page .stat-item p{margin-top:4px;color:#687d78;line-height:1.45}
.home-page .weekly-sunday-actions{display:flex;flex-wrap:wrap;gap:10px}
.home-page .weekly-sunday-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px}
.home-page .weekly-sunday-actions .live-button{border-color:var(--church-coral);background:var(--church-coral-deep);color:#fff;box-shadow:0 10px 24px rgba(216,93,56,.18)}
.home-page .weekly-sunday-actions .live-button:hover{background:#c95131;transform:translateY(-2px)}
.home-page .resource-card,.home-page .qa-card,.home-page .info-item{border-color:rgba(36,85,77,.1);box-shadow:0 12px 34px rgba(18,54,48,.045)}
.home-page .resource-card:hover,.home-page .qa-card:hover{border-color:rgba(236,120,79,.35);box-shadow:0 18px 42px rgba(128,65,42,.09);transform:translateY(-3px)}
.home-page .resource-card:not(.primary):nth-child(even) .resource-icon{color:var(--church-coral-deep);background:var(--church-apricot)}
.home-page .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px}
.home-page .footer-links a,.home-page .footer-contact a{color:#d8eee7;text-decoration:none}
.home-page .footer-links a:hover,.home-page .footer-contact a:hover{text-decoration:underline;text-underline-offset:4px}
.home-page .footer-contact{color:#adc9c0;font-size:.86rem;font-style:normal;line-height:1.8}

@media(max-width:720px){
  .home-page .hero{padding-top:42px!important}
  .home-page .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .home-page .stat-item:first-child{grid-column:1/-1}
  .home-page .stat-item{padding:13px}
  .home-page .weekly-sunday-actions{display:grid;grid-template-columns:1fr 1fr}
  .home-page .weekly-sunday-actions .live-button{grid-column:1/-1}
  .home-page .footer-links{gap:10px 16px}
}

/* Sunshine coral theme — selected 2026-10-03 */
:root{
  --church-green-950:#352823;--church-green-900:#63382b;--church-green-800:#a63d2d;
  --church-green-700:#c94b35;--church-green-600:#d95b42;--church-green-300:#f1c9b8;
  --church-green-100:#fff0e6;--church-green-050:#fffaf6;--church-coral:#c94b35;
  --church-coral-deep:#ad3c2a;--church-apricot:#fff4cd;--church-cream:#fffaf6;
  --church-canvas:#fff6ed;--church-ink:#352823;--church-muted:#6b5850;--church-line:#efdfd3;
  --church-yellow:#ffd35a;--church-yellow-deep:#75520c;
  --orange:var(--church-green-700)!important;--orange-dark:var(--church-green-800)!important;
  --orange-deep:var(--church-green-800)!important;--accent:var(--church-green-700)!important;
  accent-color:var(--church-green-700);
}
body{background:#fffaf6;color:#352823}
.site-header,.topbar,.top{background:rgba(255,255,255,.95)!important;border-bottom-color:#efdfd3!important}
.hero{background:linear-gradient(125deg,#352823,#c94b35 72%,#ea8867)!important}
.home-btn,.header-cta,.back,.button.primary,.button:not(.secondary):not(.glass):not(.light),.home-page .btn-main,.home-page .nav-btn{
  color:#fff!important;background:linear-gradient(135deg,#c94b35,#be422e)!important;box-shadow:0 10px 24px rgba(201,75,53,.22)!important;
}
.home-btn:hover,.header-cta:hover,.back:hover,.button.primary:hover,.home-page .btn-main:hover,.home-page .nav-btn:hover{background:linear-gradient(135deg,#c94b35,#a73524)!important}
.section-icon,.card-index,.notice-number,.gift-icon,.card-icon{color:#ad3c2a!important;background:#fff0e6!important}
.summary-card.warm,.week-card.featured,.visit-card,.contact-primary,.callout{color:#fff!important;background:linear-gradient(135deg,#63382b,#c94b35)!important}
.summary-card.warm :is(h1,h2,h3,h4,p,a,span),.week-card.featured :is(h1,h2,h3,h4,p,a,span),.visit-card :is(h1,h2,h3,h4,p,a,span),.contact-primary :is(h1,h2,h3,h4,p,a,span),.callout :is(h1,h2,h3,h4,p,a,span){color:#fff!important}
.duty{color:#352823!important;background:linear-gradient(145deg,#fff,#fff6ed)!important;box-shadow:0 10px 25px rgba(53,40,35,.07)}
.duty.next{border-color:#f0d98c!important;background:linear-gradient(145deg,#fff,#fff4cd)!important}
.duty h3{color:#63382b!important}.duty.next h3,.duty.next dt{color:#75520c!important}.duty dt{color:#c94b35!important}.duty dd{color:#352823!important}
.summary-card.pale,.gift-callout,.closing,.verse-card{color:#352823!important;background:linear-gradient(145deg,#fff,#fff6ed)!important}
.week-pill,.credit-type,.content-heading,.group-main-title{color:#ad3c2a!important;background:#fff0e6!important}
.verse,.content-heading,.group-main-title{border-left-color:#c94b35!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#e27955!important}
::selection{background:#ffd35a;color:#352823}
.home-page{background:#fffaf6}
.home-page .header{background:rgba(255,255,255,.9)!important;border-bottom-color:rgba(201,75,53,.12);box-shadow:0 8px 30px rgba(53,40,35,.06)!important}
.home-page .hero{background:radial-gradient(circle at 84% 17%,rgba(255,211,90,.42),transparent 27%),radial-gradient(circle at 8% 92%,rgba(255,211,90,.55),transparent 28%),linear-gradient(145deg,#fff 0%,#fffaf6 60%,#fff6ed 100%)!important}
.home-page .hero::after{background:linear-gradient(90deg,transparent,rgba(201,75,53,.22),transparent)}
.home-page .hero-h1{color:#352823}.home-page .hero-h1 mark{color:#c94b35}.home-page .hero-p{color:#6b5850}
.home-page .badge{color:#75520c;border-color:rgba(201,75,53,.22);background:rgba(255,244,205,.9);box-shadow:0 8px 24px rgba(201,75,53,.07)}
.home-page .btn-secondary{border-color:rgba(201,75,53,.18);background:rgba(255,255,255,.9);color:#63382b}
.home-page .hero-img-box{border-color:rgba(255,255,255,.9);background:radial-gradient(circle at 77% 26%,rgba(255,211,90,.5),transparent 30%),linear-gradient(145deg,#352823,#c94b35 68%,#ec9067)}
.home-page .stat-item{border-color:rgba(201,75,53,.11);background:rgba(255,255,255,.78)}
.home-page .stat-item h4{color:#63382b}.home-page .stat-item p{color:#6b5850}
.home-page .weekly-sunday-actions .live-button{border-color:#c94b35;background:#c94b35;color:#fff;box-shadow:0 10px 24px rgba(201,75,53,.2)}
.home-page .weekly-sunday-actions .live-button:hover{background:#ad3c2a}
.home-page .resource-card,.home-page .qa-card,.home-page .info-item{color:#352823;border-color:rgba(201,75,53,.11);box-shadow:0 12px 34px rgba(53,40,35,.055)}
.home-page .resource-card:hover,.home-page .qa-card:hover{border-color:rgba(201,75,53,.32);box-shadow:0 18px 42px rgba(53,40,35,.1)}
.home-page .resource-card:not(.primary):nth-child(even) .resource-icon{color:#75520c!important;background:#fff4cd!important}
.home-page .footer{background:#352823!important}.home-page .footer-links a,.home-page .footer-contact a{color:#fff0e6}.home-page .footer-contact{color:#f1c9b8}
.home-page .resource-card.primary{color:#fff!important;background:linear-gradient(145deg,#63382b,#c94b35)!important}
.home-page .resource-card.primary :is(h3,p,.resource-arrow){color:#fff!important}
.home-page .resource-card.primary .resource-icon{color:#fff!important;background:rgba(255,255,255,.16)!important}
@media(max-width:720px){
  .home-page .mobile-bar{border-color:rgba(201,75,53,.15);box-shadow:0 12px 36px rgba(53,40,35,.18)}
  .home-page .mobile-bar-btn{color:#352823}
  .home-page .mobile-bar-btn.primary-action{background:linear-gradient(135deg,#c94b35,#be422e);color:#fff}
}

/* Bright white surfaces with coral actions and sunshine accents. */
body{background-color:#fffaf6}

.hero{color:#352823!important;background:linear-gradient(135deg,#fff,#fff6ed)!important}
.hero :is(h1,h2,p,.eyebrow){color:#352823!important}
.home-page .hero{background:radial-gradient(circle at 87% 12%,rgba(255,211,90,.15),transparent 26%),linear-gradient(145deg,#fff,#fffaf6)!important}
.home-page .hero-h1 mark{color:#c94b35!important}
.home-page .hero-img-box{
  background:linear-gradient(145deg,#b8402d,#c94b35)!important;
  box-shadow:0 20px 48px rgba(173,60,42,.18)!important;
}
.home-page .hero-img-box::before{box-shadow:none;background:none;border-color:rgba(255,255,255,.14)}
.home-page .hero-img-box::after{display:none}
.home-page .hero-mark{opacity:1;filter:none}
.home-page .hero-brandline{color:#fff}
.home-page .resource-card.primary{background:#fff!important;color:#352823!important;border:1px solid #efdfd3}
.home-page .resource-card.primary :is(h3,p,.resource-arrow){color:#352823!important}
.home-page .resource-card.primary .resource-icon{background:#fff0e6!important;color:#ad3c2a!important}
.home-page .weekly-sunday-actions .live-button{background:#fff!important;border-color:#c94b35;color:#ad3c2a;box-shadow:none}
.home-page .weekly-sunday-actions .live-button:hover{background:#fff0e6;color:#ad3c2a}
.home-page .resource-card:not(.primary):nth-child(even) .resource-icon{background:#fff4cd!important;color:#75520c!important}

/* Public subpages: match the bright coral palette and preserve light-button text. */
.site-footer,.footer{background:#352823!important;color:#fff0e6!important}
.site-footer :is(.brand,.brand-name,.brand-mark,.footer-links a,p,p a),.footer :is(b,a){color:#fff0e6!important}
.site-footer small,.footer small{color:#e2cfc3!important}
.history-block,.intro-feature,.myc-hero,.gospel-section,.questions,.first-visit,.location{background:linear-gradient(135deg,#fff,#fff6ed)!important;border-color:#efdfd3!important}
.timeline p,.belief-card p,.team-role,.note,.contact-method span{color:#6b5850!important}
.timeline:before,.question-list,.question-list details{border-color:#efdfd3!important}
.timeline:before{background:#efdfd3!important}
.callout{background:#fff0e6!important;color:#352823!important;border:1px solid #f1c9b8}
.callout :is(h2,p,span){color:#352823!important}
.callout .eyebrow{color:#ad3c2a!important}
.callout .button.light,.callout .button.light span,
.contact-primary .button.light,.contact-primary .button.light span,
.visit-card .button.light,.visit-card .button.light span,
.summary-card.warm .button.light,.summary-card.warm .button.light span,
.week-card.featured .button.light,.week-card.featured .button.light span{
  color:#ad3c2a!important;background:#fff!important;
}
.callout .button.light{border:1px solid #c94b35;box-shadow:none!important}
.button.glass{color:#ad3c2a!important;background:#fff!important;border-color:#e8cdbd!important}
.hero .breadcrumb,.hero .breadcrumb a,.hero .hero-note p,.hero .hero-note strong{color:#63382b!important}
.hero .hero-note{background:#fff!important;border-color:#efdfd3!important}
.hero .bulletin-meta,.hero .hero-note span{color:#63382b!important}
.archive-link-button{color:#63382b!important;background:#fff!important;border-color:#e8cdbd!important}
.archive-link-button span{color:#ad3c2a!important}
.myc-mark{background:#c94b35!important}

/* One consistent home mark across every public header. */
.public-header-brand{
  display:inline-flex!important;align-items:center;gap:8px!important;
  flex:0 0 auto;white-space:nowrap;text-decoration:none;
  font-size:20px!important;font-weight:850;line-height:1.2;letter-spacing:-.025em;
}
.public-header-brand .public-brand-home{width:28px;height:28px;flex:0 0 28px;color:#c94b35!important}
.public-header-brand .public-brand-m{color:#352823!important;font-size:inherit!important}
.public-header-brand .public-brand-name{color:#c94b35!important;font-size:inherit!important}
@media(max-width:760px){
  .public-header-brand{font-size:16px!important;gap:6px!important}
  .public-header-brand .public-brand-home{width:23px;height:23px;flex-basis:23px}
}
@media(max-width:360px){.public-header-brand{font-size:14px!important;gap:4px!important}}