/* Header styles are isolated from the earlier prototype navigation rules. */
.church-header{position:sticky;top:0;z-index:35;background:#fffdf8;border-top:4px solid #bb944c;border-bottom:1px solid #dedfce;box-shadow:0 2px 12px #173b3608}
.church-header-main{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding-top:8px;padding-bottom:8px}
.church-header .brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1;margin:0;text-decoration:none}
.church-header .church-logo-image{display:block;width:60px;height:60px;flex:0 0 60px;object-fit:contain;border-radius:0;padding:0;background:transparent}
.church-header .brand>span{min-width:0;display:block}
.church-header .brand strong{display:block;max-width:460px;font-family:Newsreader,Georgia,serif;font-size:22px;line-height:1.2;font-weight:600;color:#183b36;letter-spacing:-.015em}
.church-header .brand small{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.12em;color:#687468;line-height:1.6;margin-top:7px}
.church-header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.church-language-control{display:block}
.church-language{width:125px;min-height:44px;border:1px solid #d6dbc9;background:#fff;color:#254d3a;border-radius:7px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.5;cursor:pointer}
.church-header .church-watch{min-height:44px;max-width:210px;padding:10px 18px;line-height:1.5;text-align:center}
.church-menu{display:none}
.church-nav-wrap{border-top:1px solid #e8e6d8;background:#f7f6ed;position:relative}
.church-nav{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;gap:2px 8px;padding-top:3px;padding-bottom:3px}
.church-nav>a{display:flex;justify-content:center;align-items:center;min-height:42px;padding:9px 13px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:600;color:#3b5142;line-height:1.5;white-space:normal;text-align:center;flex:1 0 auto}
.church-nav>a:hover{background:#e9ecdf;color:#163f2c}
.church-nav>a[aria-current=page]{color:#183b36;background:#e3e9d9;box-shadow:inset 0 -2px #a8863c}
.church-language:focus-visible,.church-menu:focus-visible{outline:3px solid #ab8436;outline-offset:3px}
.footer .sda-symbol{width:66px;height:66px;flex:0 0 66px;background:#fffdf8;padding:0;border-radius:6px}
html[lang=my] .church-header .brand strong{font-family:'Noto Sans Myanmar','Myanmar Text',sans-serif;font-size:21px;letter-spacing:0;line-height:1.65}
html[lang=my] .church-header .brand small{font-family:'Noto Sans Myanmar','Myanmar Text',sans-serif;letter-spacing:0;font-size:11px}
html[lang=my] .church-nav>a{font-size:13px;line-height:1.8;padding:9px}
@media(max-width:1180px){
 .church-header-main{gap:20px;min-height:92px}
 .church-header .brand strong{font-size:23px;max-width:400px}
 .church-header .church-logo-image{width:68px;height:68px;flex-basis:68px}
 .church-header .church-watch{display:none}
 .church-menu{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:46px;min-height:44px;border:1px solid #d6dbc9;border-radius:7px;background:#fff;color:#183b36;padding:9px 13px;cursor:pointer;font:inherit}
 .church-menu>span:first-child{font-size:22px;line-height:1}
 .church-menu-label{font-size:13px;font-weight:600}
 .church-nav{display:none}
 .church-nav.is-open{display:grid;grid-template-columns:1fr 1fr;position:absolute;top:0;left:0;right:0;max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain;background:#fffdf8;padding:14px 24px;border-bottom:1px solid #d6dbc9;box-shadow:0 14px 25px #183b3620;gap:6px 12px}
 .church-nav>a{justify-content:flex-start;text-align:left;min-height:48px;white-space:normal}
}
@media(max-width:620px){
 .church-header-main{display:grid;grid-template-columns:1fr;gap:10px;padding:8px 16px 12px;min-height:0}
 .church-header .brand{gap:10px;justify-content:flex-start}
 .church-header .church-logo-image{width:64px;height:64px;flex-basis:64px}
 .church-header .brand strong{font-size:21px;max-width:none;line-height:1.16}
 .church-header .brand small{display:none}
 .church-header-actions{justify-content:space-between;gap:12px;padding-left:0}
 .church-language{width:140px;min-height:42px;padding:8px 12px;font-size:14px}
 .church-menu{min-height:42px;padding:8px 14px}
 .church-menu-label{display:inline;font-size:14px}
 .church-nav.is-open{grid-template-columns:1fr 1fr;padding:10px 16px;max-height:calc(100dvh - 150px)}
 .church-nav>a{font-size:14px;padding:10px;overflow-wrap:anywhere}
 html[lang=my] .church-header .brand strong{font-size:17px;line-height:1.7}
 html{scroll-padding-top:160px}
}
@media(max-width:360px){.church-header .brand strong{font-size:18px}.church-header .church-logo-image{width:56px;height:56px;flex-basis:56px}.church-nav.is-open{grid-template-columns:1fr}}

/* Grouped navigation keeps related destinations together. */
body .church-nav { justify-content: flex-end; gap: 6px; }
body .church-nav>a,body .church-nav>.nav-group { flex: 0 1 auto; }
body .church-nav>a,body .nav-group>summary { padding: 10px 18px; min-height: 44px; }
.nav-group { position: relative; }
.nav-group>summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; color: #b8cfdf; font-size: 14px; font-weight: 600; line-height: 1.5; border-radius: 6px; }
.nav-group>summary::-webkit-details-marker { display: none; }
.nav-group>summary>span { display: inline-block; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); font-size: 0; flex-shrink: 0; }
.nav-group[open]>summary>span { transform: translateY(2px) rotate(225deg); }
.nav-group>summary:focus-visible,body .church-nav a:focus-visible { outline: 2px solid #e2ad3a; outline-offset: -3px; }
.nav-group[open]>summary,.nav-group>summary:hover { background: #19384f; color: #fff; }
.nav-group[data-active=true]>summary { color: #e2ad3a; box-shadow: inset 0 -2px #e2ad3a; }
.nav-dropdown { position: absolute; top: calc(100% + 6px); right: 0; left: auto; width: max-content; min-width: 220px; max-width: min(300px,calc(100vw - 48px)); padding: 6px; background: #fff; border: 1px solid #d6e0e7; border-top: 3px solid #e2ad3a; border-radius: 8px; box-shadow: 0 12px 30px #0c203225; z-index: 40; }
body .nav-dropdown>a { display: block; padding: 12px 14px; border-radius: 6px; color: #0c2032; text-decoration: none; font-size: 14px; font-weight: 500; line-height: 1.6; white-space: normal; }
body .nav-dropdown>a:hover,body .nav-dropdown>a[aria-current=page] { color: #0c2032; background: #edf3f7; }
body .nav-dropdown>a[aria-current=page] { box-shadow: inset 3px 0 #e2ad3a; font-weight: 700; }
@media(max-width:1180px) {
  body .church-nav.is-open { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 4px; left: auto; right: 24px; width: min(360px,calc(100% - 48px)); margin: 0; padding: 10px; border: 1px solid #38566a; border-radius: 0 0 12px 12px; }
  body .church-nav>a,body .church-nav>.nav-group { width: 100%; }
  body .church-nav>a,body .nav-group>summary { padding: 12px 16px; text-align: left; }
  .nav-dropdown { position: static; width: auto; min-width: 0; max-width: none; margin: 4px 8px 8px; box-shadow: none; }
}
@media(max-width:620px) {
  .church-header-actions { justify-content: flex-end; }
  body .church-nav.is-open { right: 16px; width: min(360px,calc(100% - 32px)); }
}

/* Keep the welcome and announcement controls in a balanced first-screen layout. */
html{scroll-padding-top:140px}
.hero .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;min-height:0;padding-top:36px;padding-bottom:36px;align-items:center}
.hero .hero-welcome{min-width:0}
.hero h1{font-size:clamp(36px,4.1vw,54px);line-height:1.08;margin:16px 0;max-width:590px;white-space: normal}
.hero .hero-copy{font-size:16px;line-height:1.65;margin:16px 0}
.hero .hero-scripture{font-size:18px;line-height:1.4;margin-top:20px;padding-left:16px}
.hero .hero-scripture cite{margin-top:8px}
.hero .actions{margin-top:20px}
.hero .hero-announcements{border-radius:56px 56px 14px 14px;padding:22px 26px 0}
.hero .announcement-heading{padding:12px 0 18px}
.hero .announcement-heading h2{font-size:26px;line-height:1.2}
.hero .announcement-content{min-height:165px;padding-top:18px}
.hero .announcement-content h3{font-size:28px;margin:16px 0 10px}
.hero .announcement-content p{font-size:14px;margin-bottom:12px}
.hero .announcement-controls{padding:12px 0 16px}
.hero .announcement-worship{margin:0 -26px;padding:14px 26px}
.hero .announcement-worship p{font-size:12px;line-height:1.65}
.chat-launcher{min-width:48px;min-height:48px;width:48px;height:48px;justify-content:center;padding:0;font-size:22px;right:16px;bottom:16px}
.chat-launcher span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1180px){.church-header-main{min-height:80px}.church-header .church-logo-image{width:60px;height:60px;flex-basis:60px}.church-header .brand strong{font-size:22px}}
@media(max-width:900px){.hero .hero-grid{grid-template-columns:1fr;gap:28px;padding-top:28px;padding-bottom:28px}.hero .hero-welcome{max-width:650px}.hero .hero-announcements{max-width:650px}.hero h1{max-width:600px;font-size:clamp(36px,6vw,48px)}}
@media(max-width:620px){.hero .hero-grid{padding-left:20px;padding-right:20px}.hero h1{font-size:36px}.hero .hero-announcements{padding:18px 20px 0;border-radius:36px 36px 12px 12px}.hero .announcement-worship{margin:0 -20px;padding:14px 20px}.hero .announcement-meta{flex-wrap:wrap}.hero .announcement-content{min-height:0}.hero .announcement-heading h2{font-size:24px}.church-header .brand strong{font-size:19px}html{scroll-padding-top:160px}}