:root{--navy:#041b38;--navy2:#082b53;--gold:#efc15b;--cream:#fffaf0;--ink:#15263e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:.35em 0}.site-header{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px clamp(18px,3vw,50px);border-bottom:4px solid var(--gold)}.brand{display:flex;align-items:center;gap:12px;min-width:265px;font:700 1.7rem Georgia,serif}.brand img{height:77px;width:77px;object-fit:contain;border-radius:50%}.brand small{display:block;font:400 .72rem/1.22 Arial,sans-serif;letter-spacing:.5px;margin-top:5px}.site-header nav{display:flex;gap:clamp(10px,1.4vw,27px);align-items:center;flex-wrap:wrap}.site-header nav a{font-weight:600;font-size:.94rem;padding:10px 0}.site-header nav a:hover,.site-header nav a:focus{color:var(--gold)}.menu{display:none;background:transparent;color:var(--gold);border:1px solid var(--gold);padding:8px 12px;font-size:1.4rem;border-radius:5px}.hero{background:var(--navy)}.hero-desktop{position:relative;max-width:1672px;margin:auto}.hero-desktop img{display:block;width:100%;height:auto}.hero-action{position:absolute;left:42%;top:74%;width:28%;height:17%;border-radius:30px}.hero-mobile{display:none}.feature-bar{background:var(--navy);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:26px 3%;border-top:5px solid var(--gold)}.feature-bar a{text-align:center;display:flex;align-items:center;flex-direction:column;gap:7px;padding:5px 14px;border-right:1px solid #c79b4d}.feature-bar a:last-child{border:0}.feature-bar a:hover{background:#0d305b}.symbol{color:var(--gold);font-size:2.4rem;line-height:1}.feature-bar strong{font:700 1.35rem Georgia,serif}.feature-bar a span:last-child{line-height:1.5}.section{max-width:1180px;margin:auto;padding:70px 26px}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--gold);font-size:.8rem;font-weight:700}.eyebrow.dark{color:#a97a22}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.intro p{line-height:1.8;font-size:1.05rem}.outline-btn{display:inline-block;border:2px solid var(--navy);padding:13px 22px;border-radius:30px;font-weight:bold;margin-top:10px}.pastor-card{display:grid;grid-template-columns:43% 57%;background:#f4f0e9;border-radius:15px;overflow:hidden;box-shadow:0 12px 32px #001b3a15}.pastor-card img{width:100%;height:270px;object-fit:cover;object-position:center 15%}.pastor-card div{padding:24px;align-self:center}.pastor-card span{color:#ae842e;font-weight:700}.pastor-card h3{font-size:1.6rem}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:20px}.card{padding:36px;border-radius:18px;min-height:320px}.card.navy{background:linear-gradient(125deg,#03172f,#113c6c);color:white}.card.cream{background:#f8f1e4}.card p{line-height:1.65}.card .large{font-weight:800;font-size:1.5rem;color:var(--gold)}.next{border-top:1px solid #ffffff55;margin-top:24px;padding-top:18px}.next strong{display:block;margin-top:7px;color:var(--gold)}.tag{display:inline-block;border-radius:30px;background:#ead5a5;padding:10px 16px;font-weight:bold;font-size:.85rem}.empty-card{background:#f7f8fa;border:1px dashed #b7c1d0;padding:35px;border-radius:14px;color:#4e6076}.contact{background:linear-gradient(105deg,#03172f,#0e3562);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:55px max(26px,calc((100% - 1128px)/2))}.contact p{line-height:1.7}.contact-panel{background:#ffffff12;border:1px solid #ffffff3d;border-radius:16px;padding:25px}footer{background:#021124;color:#b9c8d9;text-align:center;padding:25px;font-size:.88rem}@media(max-width:1050px){.site-header{flex-wrap:wrap}.site-header nav{justify-content:center;width:100%}}@media(max-width:700px){.site-header{flex-wrap:nowrap}.brand{font-size:1.18rem;min-width:0}.brand img{width:58px;height:58px}.brand small{font-size:.62rem}.menu{display:block}.site-header nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--navy);z-index:5;padding:15px 24px;box-shadow:0 10px 20px #0004}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch}.site-header nav a{border-bottom:1px solid #ffffff25}.hero-desktop{display:none}.hero-mobile{display:block;background:radial-gradient(circle at 90% 25%,#b88c37 0%,#0a3158 30%,#041b38 70%);color:#fff;text-align:center;padding:26px 22px 42px}.hero-mobile img{width:190px;height:220px;object-fit:cover;object-position:top;border:4px solid var(--gold);border-radius:100px 100px 14px 14px}.hero-mobile h1{font-size:2.45rem;color:var(--gold);margin:7px 0}.hero-mobile h2{font-size:1.35rem;margin:4px 0 14px}.hero-mobile p{line-height:1.6}.pastor-name{color:var(--gold);font-weight:bold}.gold-btn{display:inline-block;background:linear-gradient(90deg,#c99737,#ffda7a);color:#071a30;padding:15px 20px;border-radius:28px;font-weight:bold;margin-top:10px}.feature-bar{grid-template-columns:1fr 1fr;gap:0;padding:15px 4px}.feature-bar a{padding:16px 5px;border-bottom:1px solid #ffffff30}.feature-bar a:nth-child(2){border-right:0}.feature-bar strong{font-size:1.05rem}.feature-bar a span:last-child{font-size:.8rem}.intro,.cards,.contact{grid-template-columns:1fr;gap:22px}.section{padding:45px 20px}.pastor-card img{height:240px}.contact{padding:38px 22px}.card{padding:27px;min-height:0}}

.celebrations{background:#fff}.celebrations>p{line-height:1.65}.celebration-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.celebration-card{border-radius:18px;background:linear-gradient(150deg,#041b38,#0c3561);border:2px solid #d9ad52;color:white;text-align:center;padding:34px 22px;box-shadow:0 12px 30px #071b3320}.celebration-card h3{color:#f5d17d;font-size:1.8rem;margin:10px 0}.celebration-card p{line-height:1.6}.celebration-icon{font-size:3.2rem}.empty-celebration{background:#ffffff15;border:1px dashed #d5b66a;padding:20px;border-radius:12px;margin-top:25px;color:#e7eaf0}.notice{background:#fff8e9;border-left:4px solid #caa34e;padding:18px 22px;border-radius:5px;font-size:.93rem}.prayer{padding-top:20px}@media(max-width:700px){.celebration-grid{grid-template-columns:1fr}.celebration-card{padding:26px 16px}}
/* Version 3: accessible forms and administrator controls */
.live-list{display:grid;gap:16px;margin-top:18px}.data-card{padding:20px;background:#fff;border:1px solid #d7c3a0;border-radius:15px;color:#102743;overflow-wrap:anywhere}.data-card h3{margin:0 0 10px;color:#102743}.data-card p{white-space:pre-wrap}.forms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px;margin-top:30px}.public-form{display:grid;gap:13px;max-width:650px;padding:22px;border:1px solid #d6c49d;background:#fff;border-radius:16px;color:#102743;margin:20px 0}.public-form label{display:grid;gap:6px;font-weight:600}.public-form input:not([type=checkbox]),.public-form textarea,.public-form select{width:100%;min-width:0;padding:12px;border:1px solid #9aa6b5;border-radius:8px;font:inherit}.public-form textarea{min-height:110px}.public-form label:has([type=checkbox]){display:flex;align-items:start;gap:10px}.public-form button,.admin-section button{background:#09264a;color:#fff;border:1px solid #bd934c;border-radius:8px;padding:12px 17px;cursor:pointer;font:inherit}.public-form button:disabled{opacity:.6}.public-form [role=status]{font-weight:700}.admin-section details{margin:15px 0;padding:16px;border:1px solid #c8b486;border-radius:12px;background:#f7f3e9}.admin-section summary{cursor:pointer;font-weight:800;font-size:1.2rem;color:#09264a}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions button{font-size:.9rem;padding:8px 12px}.admin-section [hidden],#login-form[hidden],#admin-panel[hidden]{display:none!important}

/* V6: separate navigable page views while retaining the original header, hero and footer */
body[data-page] main > section:not(.contact){display:none}body[data-page="home"] main > .hero,body[data-page="home"] main > .feature-bar{display:grid}body[data-page="home"] main > .hero{display:block}body[data-page="home"] main > .contact{display:none}body[data-page]:not([data-page="home"]) main > .contact{display:none}body[data-page="about"] #about,body[data-page="worship"] #worship,body[data-page="devotional"] #worship,body[data-page="events"] #events,body[data-page="celebrations"] #celebrations,body[data-page="announcements"] #announcements,body[data-page="prayer"] #prayer,body[data-page="admin"] #admin,body[data-page="give"] #give{display:block}body[data-page="devotional"] #worship{display:grid;grid-template-columns:1fr}body[data-page="devotional"] #worship>.navy{display:none}body[data-page="worship"] #worship{display:grid;grid-template-columns:1fr}body[data-page="worship"] #worship>#devotional{display:none}body[data-page="contact"] main > .contact{display:grid}body[data-page] main{min-height:55vh}body[data-page="home"] main{min-height:0}.feature-bar a[hidden]{display:none!important}.feature-bar:has(#home-celebration:not([hidden])){grid-template-columns:repeat(5,1fr)}.giving-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}.giving-card{border:1px solid #cba658;background:#fff9eb;padding:24px;border-radius:14px}.giving-card img{max-width:100%;height:125px;object-fit:contain}.giving-card a{display:inline-block;background:#09264a;color:white;border-radius:8px;padding:12px 18px}.giving-editor{margin:18px 0;border:1px solid #d6c49d;border-radius:12px;padding:16px}.giving-editor label{display:grid;gap:6px;margin:10px 0}.giving-editor input:not([type=checkbox]),.giving-editor textarea{width:100%;padding:10px;border:1px solid #9aa6b5;border-radius:8px}.giving-editor button{background:#09264a;color:#fff;border-radius:8px;padding:10px 16px}.giving-editor [role=status]{font-weight:bold}@media(max-width:850px){.feature-bar:has(#home-celebration:not([hidden])){grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){body[data-page="home"] main > .hero-mobile{display:block}.feature-bar a:nth-child(4){border-right:0}}
/* V6.1: Home hero and shortcut bar must override the generic page hiding rule.
   The previous class selectors were less specific than section:not(.contact). */
body[data-page="home"] main > section.hero { display:block; }
body[data-page="home"] main > section.feature-bar { display:grid; }
@media(max-width:700px){body[data-page="home"] main > section.feature-bar{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:701px) and (max-width:850px){body[data-page="home"] main > section.feature-bar:has(#home-celebration:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr));}}

/* V6.2: explicit route visibility, including Safari. */
body[data-page="home"] main#home > section.hero {display:block !important;visibility:visible !important;}
body[data-page="home"] main#home > section.feature-bar {display:grid !important;visibility:visible !important;}
body[data-page="home"] main#home > section.hero .hero-mobile {display:none;}
@media(max-width:700px){body[data-page="home"] main#home > section.hero .hero-mobile{display:block !important;}body[data-page="home"] main#home > section.hero .hero-desktop{display:none !important;}body[data-page="home"] main#home > section.feature-bar{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:701px){body[data-page="home"] main#home > section.hero .hero-desktop{display:block !important;}}

/* V6.4: administrator notification center; no homepage banner changes */
.notify-badge{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:999px;background:#b91c1c;color:white;padding:0 6px;font:700 13px system-ui,sans-serif;margin-left:5px;vertical-align:middle}.notify-badge[hidden],.attention-center[hidden]{display:none!important}#admin-nav.has-notifications{background:#d5a849!important;color:#061b36!important;border-radius:9px;box-shadow:0 0 0 2px #ffe29b;animation:notify-pulse 2.4s ease-in-out 2}@keyframes notify-pulse{50%{box-shadow:0 0 0 5px #d5a84955}}.attention-center{margin:18px 0 25px;background:#fff8e5;border:2px solid #c69d4b;border-radius:15px;padding:18px}.attention-center h3{margin:0 0 14px;color:#09264a}.attention-items{display:flex;flex-wrap:wrap;gap:10px}.attention-items button{display:inline-flex;align-items:center;gap:5px;cursor:pointer;background:#09264a;color:white;border:1px solid #c69d4b;border-radius:9px;padding:10px 14px}.admin-section summary .notify-badge{margin-left:10px}

/* V6.6: accessible monthly event calendar and upcoming event selector */
.calendar-shell{border:1px solid #d6c19a;border-radius:18px;padding:clamp(12px,3vw,25px);margin:20px 0 36px;background:#fffdf8}.calendar-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.calendar-toolbar h3{flex:1;text-align:center;margin:0;font-size:clamp(1.1rem,3vw,1.7rem)}.calendar-toolbar button,.upcoming-header select{border:1px solid #b9995e;background:#fff;color:#092343;border-radius:8px;padding:10px 14px;font-size:1rem;min-height:44px;cursor:pointer}.calendar-toolbar button:hover,.calendar-date:hover{background:#f8ecd3}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekdays span{text-align:center;font-weight:700;padding:7px 0;color:#314665;font-size:.85rem}.calendar-date{min-width:0;min-height:74px;background:#fff;border:1px solid #e0e2e7;border-radius:9px;color:#172b49;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:4px;padding:8px;cursor:pointer;font-size:1rem}.calendar-date.has-events{background:#fff0c9;border:2px solid #bd8e36;font-weight:700}.calendar-date.is-today span:first-child{text-decoration:underline;text-decoration-thickness:2px}.calendar-date.selected{outline:3px solid #082b53;outline-offset:1px}.calendar-date small{font-size:.68rem;line-height:1.2;color:#6d4d0f}.calendar-day-details{border-top:1px solid #ddd0b9;margin-top:18px;padding-top:18px}.calendar-day-details .data-card{margin-top:12px}.upcoming-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.upcoming-header label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upcoming-header select{max-width:100%}@media(max-width:600px){.calendar-date{min-height:58px;padding:5px;font-size:.86rem}.calendar-date small{font-size:.56rem}.calendar-weekdays,.calendar-grid{gap:3px}.calendar-toolbar button{padding:8px 11px}}

/* V6.7: shared contact details in the footer on every page */
footer .footer-contact{max-width:1100px;margin:0 auto 22px;padding:6px 18px 20px;border-bottom:1px solid #ffffff38;color:#fff}footer .footer-contact h2{font-size:1.5rem;color:var(--gold);margin:0 0 12px}footer .footer-contact p{font-size:1rem;line-height:1.65;margin:8px 0}footer .footer-contact a{color:#ffe0a0;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}footer .footer-copyright{line-height:1.6}

/* V6.8: centered, compact contact footer */
.footer-contact{text-align:center;max-width:1100px;margin:0 auto 18px;padding:6px 18px 18px}
.footer-contact h2{font-size:1.3rem;margin:0 0 10px}
.footer-contact p{margin:5px 0;line-height:1.5}
.footer-contact a{color:#ffe0a0}
.footer-copyright{text-align:center}
/* V7.1: full approved devotional graphic on the public page */
#devotional-list{display:grid;gap:24px;margin-top:22px}
.devotional-art-card{max-width:650px;margin:0 auto;width:100%;background:transparent;border:0;box-shadow:none}
.devotional-art-image{display:block;width:100%;height:auto;aspect-ratio:1086/1448;object-fit:contain;border-radius:5px;background:#061b3b}
.devotional-art-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:14px 0}
.devotional-art-actions button,.devotional-art-actions a{font-size:15px;line-height:1.3;background:#09264a;color:white;border:0;border-radius:8px;padding:12px 18px;text-decoration:none;cursor:pointer}
body[data-page="devotional"] #devotional>p:not(.eyebrow){max-width:700px}

/* V7.4 centered devotional heading and distinct iPhone-friendly actions */
#devotional>.eyebrow,#devotional>h2{text-align:center}
#devotional-list{margin-top:22px}
.devotional-art-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.devotional-art-actions .share-devotional{background:linear-gradient(#1458ba,#082c77);color:white;font-weight:700}
.devotional-art-actions .download-devotional{background:linear-gradient(#ffcf52,#e4a908);color:#071b39;font-weight:700}
@media(max-width:400px){.devotional-art-actions button{font-size:14px;padding:13px 8px}}

/* V7.5: full-screen devotional tap-to-enlarge */
.devotional-art-image{cursor:zoom-in}
.devotional-zoom[hidden]{display:none!important}
.devotional-zoom{position:fixed;inset:0;z-index:99999;background:rgba(0,10,30,.96);display:flex;align-items:center;justify-content:center;overflow:auto;padding:65px 12px 22px;box-sizing:border-box}
.devotional-zoom img{display:block;max-width:100%;max-height:calc(100dvh - 90px);width:auto;height:auto;object-fit:contain;margin:auto}
.devotional-zoom-close{position:fixed;top:max(15px,env(safe-area-inset-top));right:18px;z-index:100000;border:2px solid #e6b74c;border-radius:50%;background:#071b38;color:#fff;font-size:36px;line-height:1;width:50px;height:50px;cursor:pointer}
body.devotional-zoom-open{overflow:hidden}

/* V7.6: blue holidays appear above gold church events */
.calendar-date.has-holiday:not(.has-events){background:#e8f1ff;border:2px solid #3971b4}
.calendar-date.has-holiday.has-events{border-color:#bd8e36;background:linear-gradient(to bottom,#e8f1ff 0%,#e8f1ff 53%,#fff0c9 53%,#fff0c9 100%)}
.calendar-date .holiday-label{color:#1453a0;font-weight:800;overflow-wrap:anywhere}
.calendar-date .church-event-label{color:#805511;font-weight:800}
.holiday-detail{background:#e8f1ff;border:1px solid #3971b4;border-left:5px solid #1453a0;border-radius:10px;color:#123f7d;padding:14px;margin:12px 0}

/* V7.8 preview controls */
#homepage-preview-return:not([hidden]){position:fixed;z-index:9998;left:12px;right:12px;bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#0b2445;color:#fff;border:2px solid #d4a744;border-radius:14px;padding:12px 16px;box-shadow:0 5px 25px #0005;font-weight:700}#homepage-preview-return button{background:#e9b84d;color:#10243e;border:0;border-radius:9px;padding:12px 15px;font-weight:700;cursor:pointer}#homepage-preview-return[hidden]{display:none!important}
/* V7.9 — white calendar celebrations; gold events; blue holidays */
.calendar-date.has-celebration{box-shadow:inset 0 -5px 0 #ffffff,0 0 0 1px #64748b}
.calendar-date .celebration-label{background:#fff;color:#132b4b;font-weight:800;border:1px solid #aab6c7;border-radius:4px;padding:2px}
.calendar-celebration{display:block;width:100%;margin:9px 0;padding:14px;background:#fff;border:2px solid #9daabe;border-radius:10px;color:#102b50;text-align:left;font-weight:700;cursor:pointer}
.mini-celebration{display:block;width:100%;margin:8px 0;padding:12px;background:#fff;border:1px solid #c8b68e;border-radius:9px;text-align:left;color:#102b50;cursor:pointer}
.celebration-zoom[hidden]{display:none!important}.celebration-zoom{position:fixed;inset:0;z-index:9999;background:#061329f2;display:flex;flex-direction:column;align-items:center;overflow:auto;padding:70px 14px 28px;gap:12px}
#celebration-close{position:fixed;top:12px;right:18px;font-size:35px;color:white;background:#183b68;border:1px solid #fff;border-radius:50%;width:52px;height:52px;cursor:pointer;z-index:2}
#celebration-large{width:min(100%,550px);color:white}#celebration-large img{display:block;width:100%;height:auto}.celebration-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.celebration-actions button{padding:12px 16px;border-radius:9px;background:#f4c453;color:#061b3b;font-weight:bold}
.public-form select{width:100%;min-height:45px;padding:10px;border-radius:8px;border:1px solid #aaa;background:white}

/* V8.2 celebration viewer and admin grouping */
.celebration-admin-group{border:1px solid #d5bf8e;border-radius:12px;padding:14px;margin:14px 0;background:#fff}.celebration-admin-group>summary{cursor:pointer;font-weight:700;color:#10284b;padding:8px}.celebration-zoom{overscroll-behavior:contain}.celebration-zoom #celebration-close{position:fixed;right:18px;top:20px;z-index:10001;cursor:pointer;min-width:54px;min-height:54px;border-radius:50%;background:#193c68;color:white;border:2px solid white;font-size:34px}.celebration-actions button{cursor:pointer;min-height:46px}

/* V8.4: compact multi-name homepage celebrations and same-page save preview */
#home-celebration-name{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.35}
.home-celebration-line{display:block;max-width:100%;overflow-wrap:anywhere;font-size:.9em}
#celebration-save-preview[hidden]{display:none!important}
#celebration-save-preview{position:fixed;inset:0;z-index:100000;overflow:auto;background:#061b3b;color:#fff;text-align:center;padding:12px 12px 40px;box-sizing:border-box}
.celebration-save-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:-12px;background:#061b3b;padding:12px 4px;z-index:1}
.celebration-save-toolbar button{background:#f5c65e;color:#091d39;border:0;border-radius:10px;padding:12px 16px;font-size:17px;font-weight:700;cursor:pointer}
#celebration-save-close{font-size:28px;min-width:54px}
#celebration-save-preview p{font-size:16px;margin:12px auto 18px}
#celebration-save-image{display:block;width:100%;max-width:800px;height:auto;margin:auto;-webkit-touch-callout:default;user-select:auto}