/* Green and gold glass surfaces with readable opaque fallbacks. */
:root {
    --glass-paper: rgba(255,255,255,.87);
    --glass-line: rgba(255,255,255,.76);
    --glass-shadow: 0 12px 36px rgba(17,57,40,.08);
    --radius-md: 18px;
    --radius-lg: 24px;
}
body {
    background: radial-gradient(ellipse at 0 5%, rgba(31,112,77,.14), transparent 40rem),
        radial-gradient(ellipse at 100% 30%, rgba(213,156,52,.16), transparent 42rem),
        linear-gradient(150deg, #f4f7f1, #faf7ed 55%, #edf4ee);
}
.site-header, .site-header.is-scrolled { background: rgba(250,252,247,.93); border-bottom-color: rgba(21,81,58,.12); }
.site-header.is-scrolled { box-shadow: 0 5px 20px rgba(17,57,40,.06); }
.utility-bar, .site-footer { background: linear-gradient(115deg, #082d21, #15513a 65%, #224b35); }
.home-hero--image-free {
    margin-top: 1.5rem; padding: clamp(1.5rem,4vw,3.2rem);
    border: 1px solid rgba(213,156,52,.48); border-radius: 24px;
    background: radial-gradient(ellipse at 100% 0, rgba(244,214,140,.17), transparent 65%), linear-gradient(120deg, #092f23, #15513a 70%, #1c6044);
    box-shadow: 0 18px 44px rgba(9,47,35,.16), inset 0 1px rgba(255,255,255,.16);
}
.home-hero h1 { color: #fffdf5; }
.home-hero .eyebrow { color: #f4d68c; }
.home-hero__content > p:not(.eyebrow) { color: #e4ede5; }
.home-hero .btn--outline { border-color: rgba(255,255,255,.55); color: #fff; background: rgba(255,255,255,.07); }
.home-hero .btn--outline:hover { background: rgba(255,255,255,.16); }
.btn { border-radius: 10px; transition: background .2s ease, box-shadow .2s ease; }
.btn--gold, .btn-primary { background: linear-gradient(115deg, #f6df9b, #dca941); color: #183a2b; border-color: #e2b759; box-shadow: 0 4px 12px rgba(213,156,52,.17); }
.btn--gold:hover, .btn-primary:hover { background: linear-gradient(115deg, #fae8b6, #e8bb59); color: #183a2b; }
.btn--primary { background: linear-gradient(120deg, #15513a, #216c4b); }
.btn--primary:hover { background: linear-gradient(120deg, #0c3c2a, #15513a); }
.page-hero { border: 1px solid var(--glass-line); border-radius: 22px; background: linear-gradient(125deg, rgba(225,239,227,.93), rgba(255,246,220,.93)); box-shadow: var(--glass-shadow); }
.card, .program-card, .weekly-program-card, .journey-card, .article-card,
.ministry-card, .resource-card, .testimony-card, .member-profile-form,
.member-profile-card, .contact-form-card, .article-detail__body,
.prayer-archive-card, .program-flyer {
    border: 1px solid rgba(21,81,58,.12);
    background: var(--glass-paper); box-shadow: var(--glass-shadow), inset 0 1px #fff;
}
.home-content-hub__panel { padding: clamp(1.1rem,2.5vw,1.8rem); border: 1px solid rgba(21,81,58,.1); border-radius: 20px; background: rgba(255,255,255,.83); box-shadow: var(--glass-shadow); }
.home-content-hub__panel--prayer { background: linear-gradient(135deg, rgba(230,240,230,.94), rgba(253,245,222,.93)); }
.home-content-hub__grid { gap: 1.35rem; }
.icon-circle, .journey-card__icon { width: 42px; height: 42px; padding: 9px; border-radius: 12px; background: linear-gradient(135deg, #e3efe5, #faf0d6); color: #15513a; }
.article-detail__header { padding: clamp(1.2rem,3vw,2rem); border-radius: 20px; background: var(--glass-paper); border: 1px solid var(--glass-line); box-shadow: var(--glass-shadow); }
.article-detail__prayer { background: linear-gradient(135deg, #123b2a, #1e6043); border: 1px solid rgba(244,214,140,.25); }
.weekly-program-grid, .program-flyer-grid, .program-grid--weekly { grid-template-columns: repeat(2,minmax(0,1fr)); }
.weekly-program-card { border-radius: 20px; }
.weekly-program-card__head { flex-wrap: wrap; }
.weekly-program-card h3 { color: var(--forest-900); }
.time-zone-list { border-color: rgba(21,81,58,.12); }
.program-flyer { margin: 0; overflow: hidden; border-radius: 20px; }
.program-flyer img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #e8eee5; }
.program-flyer figcaption { background: rgba(255,255,255,.9); }
.mobile-action-dock { background: rgba(250,252,247,.96); }
.nav-drawer { background: rgba(250,252,247,.97); }
.nav-drawer__links a:hover, .nav-drawer__links a.is-active { background: linear-gradient(110deg, #e4eee5, #f6edda); }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .site-header, .mobile-action-dock, .nav-drawer { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
    .home-content-hub__panel, .weekly-program-card, .article-card { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
}
@media (max-width:640px) {
    .home-hero--image-free { margin-top: 1rem; padding: 1.35rem; border-radius: 20px; }
    .home-hero h1 { font-size: clamp(1.8rem,7vw,2.4rem); }
    .home-content-hub__panel { padding: 1.1rem; border-radius: 18px; }
    .weekly-program-grid, .program-flyer-grid, .program-grid--weekly { grid-template-columns: minmax(0,1fr); }
    .journey-card { grid-template-columns: 42px minmax(0,1fr); padding: 1rem; border-radius: 16px; }
    .journey-grid { gap: .75rem; border: 0; }
    .journey-card + .journey-card { border: 1px solid rgba(21,81,58,.12); }
    .mobile-action-dock { grid-template-columns: repeat(3,minmax(0,1fr)); background: rgba(250,252,247,.94); border-top-color: rgba(184,123,28,.27); }
    .mobile-action-dock a.is-active { background: linear-gradient(120deg, #e3eee5, #f4ebd3); color: #123b2a; }
    .article-detail__header { padding: 1.1rem; }
}