/* PUBLIC-PAGE DESIGN FINISH — loaded after all earlier styles.
   Consistent homepage visual language on every internal public page.
   Never affect the homepage, admin screens, backend logic or content sources. */
:root{--page-blue:#087CB8;--page-hover:#065A88;--page-ink:#080B10;--page-muted:#526879;--page-panel:#fff;--page-border:rgba(8,124,184,.16);--page-shadow:0 13px 38px rgba(8,58,95,.065);--page-gap:clamp(17px,2.1vw,25px)}
#main-content:not(:has(> .academy-hero)) :is(
.gather-header,.happens-header,.expect-header,.schedule-header,.focus-header,
.activities-header,.values-header,.pillars-header,.gallery-header,.intro-header,
.fellowship-directory-header,.why-join-header,.map-heading,.contact-info-header,
.vision-header,.chapter-header,.media-gallery-header,.giving-header,
.section-header-modern,.story-header){
max-width:820px!important;margin:0 auto clamp(32px,4.2vw,54px)!important;text-align:center!important}
#main-content:not(:has(> .academy-hero)) :is(
.gather-title,.happens-title,.expect-title,.schedule-title,.values-title,
.pillars-title,.activities-title,.focus-title,.gallery-title,.chapter-title,
.final-cta-title,.strategic-cta-title,.vision-title,.why-join-title){
color:var(--page-ink)!important;-webkit-text-fill-color:var(--page-ink)!important;
font-family:var(--ack-font-site)!important;font-size:clamp(2.1rem,3.7vw,3.5rem)!important;
font-weight:740!important;letter-spacing:-.04em!important;line-height:1.18!important;
text-shadow:none!important;text-wrap:balance}
#main-content:not(:has(> .academy-hero)) :is(
.gather-subtitle,.happens-subtitle,.expect-subtitle,.schedule-subtitle,.values-subtitle,
.pillars-subtitle,.activities-subtitle,.focus-subtitle,.gallery-subtitle,
.final-cta-text,.strategic-cta-text,.chapter-subtitle,.why-join-subtitle){
color:var(--page-muted)!important;-webkit-text-fill-color:var(--page-muted)!important;
font-size:clamp(.98rem,1.22vw,1.12rem)!important;line-height:1.8!important;
max-width:700px!important;margin-left:auto!important;margin-right:auto!important;
text-shadow:none!important}
/* Section eyebrow labels, NOT pills. Do not target actual buttons, tabs, badges,
   filters, service-time controls, badges indicating status, or links. */
#main-content:not(:has(> .academy-hero)) :is(
.gather-label,.happens-label,.expect-label,.values-label,.pillars-label,
.activities-label,.focus-label,.why-join-label,.gallery-label,.schedule-label,
.fellowship-directory-label,.intro-label,.chapter-number,.method-label,
.social-label,.cta-badge,.strategic-cta-label,.final-cta-label,
.section-label,.section-subtitle,.hero-label,.hero-badge,
.section-kicker,.hero-subtitle-label,.story-hero .hero-badge,
.dept-grid-label,.contact-hero-label,.events-hero-label):not(a):not(button){
display:inline-block!important;background:transparent!important;background-image:none!important;
border:0!important;border-radius:0!important;box-shadow:none!important;
width:auto!important;min-width:0!important;min-height:0!important;
padding:0!important;color:var(--page-blue)!important;-webkit-text-fill-color:var(--page-blue)!important;
font-size:.77rem!important;font-weight:730!important;letter-spacing:.105em!important;
text-transform:uppercase!important;line-height:1.6!important;cursor:default!important;
text-decoration:none!important;transform:none!important}
/* Hero label pseudo-lines are optional decorations, not dividers. */
#main-content:not(:has(> .academy-hero)) :is(
.gather-label,.happens-label,.expect-label,.values-label,.pillars-label,
.activities-label,.focus-label,.why-join-label,.gallery-label,.schedule-label,
.fellowship-directory-label,.intro-label,.chapter-number,
.cta-badge,.strategic-cta-label,.final-cta-label):not(a):not(button)::before,
#main-content:not(:has(> .academy-hero)) :is(
.gather-label,.happens-label,.expect-label,.values-label,.pillars-label,
.activities-label,.focus-label,.why-join-label,.gallery-label,.schedule-label,
.fellowship-directory-label,.intro-label,.chapter-number,
.cta-badge,.strategic-cta-label,.final-cta-label):not(a):not(button)::after{
content:none!important;display:none!important}
/* SERVICE TIMES: real data rows become equal-height, clean standalone cards. */
#main-content .gather-services{
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:var(--page-gap)!important;align-items:stretch!important;width:100%!important}
#main-content .gather-services > .gather-service-item{
position:relative!important;display:flex!important;flex-direction:column!important;
align-items:flex-start!important;justify-content:flex-start!important;
min-width:0!important;width:100%!important;height:100%!important;
margin:0!important;padding:clamp(23px,2.6vw,32px)!important;
background:#fff!important;background-image:none!important;
border:1px solid var(--page-border)!important;border-radius:22px!important;
box-shadow:var(--page-shadow)!important;overflow:hidden!important;
transform:none;gap:18px!important}
#main-content .gather-service-icon{
display:grid!important;place-items:center!important;
width:54px!important;height:54px!important;min-width:54px!important;flex:0 0 54px!important;
background:#e6f3fa!important;border-radius:15px!important;
color:var(--page-blue)!important;margin:0!important}
#main-content .gather-service-icon i{color:var(--page-blue)!important}
#main-content .gather-service-content{width:100%!important;min-width:0!important;flex:1!important}
#main-content .gather-service-content h4{
font-size:1.27rem!important;font-weight:730!important;
line-height:1.35!important;color:var(--page-ink)!important;margin:0 0 13px!important}
#main-content .gather-service-content .time{
display:block!important;width:auto!important;padding:0!important;
background:transparent!important;box-shadow:none!important;border:0!important;
color:var(--page-blue)!important;font-size:.88rem!important;font-weight:680!important;
margin:0 0 15px!important;border-radius:0!important}
#main-content .gather-service-content p{
font-size:.98rem!important;line-height:1.78!important;
color:var(--page-muted)!important;margin:0!important}
#main-content .gather-intro{
max-width:790px!important;margin:0 auto clamp(36px,5vw,64px)!important;
text-align:left!important;color:var(--page-muted)!important}
#main-content .gather-intro p{font-size:1.07rem!important;line-height:1.85!important}
#main-content .gather-highlight{
border-left:3px solid var(--page-blue)!important;
border-radius:0 14px 14px 0!important;
background:rgba(8,124,184,.05)!important;color:var(--page-ink)!important;
padding:20px 26px!important;margin-top:26px!important;
font-size:clamp(1rem,1.4vw,1.17rem)!important;line-height:1.7!important}
#main-content .happens-grid{
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:stretch!important;gap:var(--page-gap)!important}
#main-content .expect-grid{
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:stretch!important;gap:var(--page-gap)!important}
/* Cards with nonaction copy do not pretend to be interactive buttons. */
#main-content :is(.happens-card,.expect-item,.focus-card,.activity-card,
.value-card,.pillar-card,.mvv-card,.schedule-card){
background:#fff!important;background-image:none!important;
color:var(--page-ink)!important;border:1px solid var(--page-border)!important;
border-radius:22px!important;box-shadow:var(--page-shadow)!important;
min-width:0!important;width:100%!important;height:100%!important;
padding:clamp(23px,2.4vw,32px)!important}
#main-content :is(.expect-item,.focus-card,.activity-card,.value-card,.pillar-card){
display:flex!important;flex-direction:column!important;align-items:flex-start!important;
justify-content:flex-start!important;text-align:left!important;gap:10px!important}
#main-content :is(.expect-item,.focus-card,.activity-card,.value-card,.pillar-card) h3{
font-size:1.25rem!important;line-height:1.35!important;
font-weight:725!important;margin:0!important;color:var(--page-ink)!important}
#main-content :is(.expect-item,.focus-card,.activity-card,.value-card,.pillar-card) p{
font-size:.96rem!important;line-height:1.75!important;
color:var(--page-muted)!important;margin:0!important}
#main-content :is(.expect-number,.focus-icon,.activity-icon,.value-card-icon,.pillar-card-icon){
color:var(--page-blue)!important}
/* Dynamic detail page: three across on desktop, two tablet, one phone. */
#main-content :is(.info-grid,.schedule-grid,.focus-grid,.activities-grid,
.values-grid,.pillars-grid,.mvv-grid,.fellowship-grid,.happens-grid,
.expect-grid,.gather-services){
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:var(--page-gap)!important;align-items:stretch!important;justify-items:stretch!important}
#main-content :is(.info-grid,.schedule-grid,.focus-grid,.activities-grid,
.values-grid,.pillars-grid,.mvv-grid,.fellowship-grid) > *{
min-width:0!important;max-width:100%!important;height:100%!important}
#main-content :is(.schedule-header,.focus-header,.activities-header,
.values-header,.pillars-header,.gather-header,.happens-header,
.expect-header,.why-join-header) > :is(p,.section-text){
text-align:center!important;max-width:700px!important;margin:12px auto 0!important}
#main-content :is(.vision-grid,.about-grid,.intro-grid,.chapter-content,.contact-grid){
display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:clamp(30px,5vw,80px)!important;align-items:center!important}
#main-content :is(.vision-grid,.about-grid,.intro-grid,.chapter-content,.contact-grid) > *{
min-width:0!important;max-width:100%!important}
/* Preserve action behavior, but remove big fake CTA pills from cards. */
#main-content :is(.ministry-card,.dept-card,.fellowship-card,.event-card,
.department-card,.service-card,.info-card,.pillar-card,.value-card)
 :is(.ministry-link,.dept-card-link,.fellowship-card-link,
 .event-card-action,a.btn,a.btn-primary,a.btn-outline){
padding:12px 0 0!important;margin-top:auto!important;min-height:0!important;
background:transparent!important;background-image:none!important;
border:0!important;border-radius:0!important;box-shadow:none!important;
color:var(--page-blue)!important;text-decoration:none!important}
#main-content :is(.ministry-card,.dept-card,.fellowship-card,.event-card,
.department-card,.service-card,.info-card,.pillar-card,.value-card)
 :is(.ministry-link,.dept-card-link,.fellowship-card-link,
 .event-card-action,a.btn,a.btn-primary,a.btn-outline):hover{
background:transparent!important;color:var(--page-hover)!important;text-decoration:none!important}
/* Events: keep event image with the matching event and equal-height cards. */
#main-content .events-grid{display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:var(--page-gap)!important;align-items:stretch!important}
#main-content .events-grid > .event-card-link{
display:block!important;min-width:0!important;width:100%!important;
height:100%!important;color:inherit!important;text-decoration:none!important}
#main-content .events-grid .event-card{
display:flex!important;flex-direction:column!important;height:100%!important;
width:100%!important;min-width:0!important;border-radius:22px!important;
border:1px solid var(--page-border)!important;background:#fff!important;
box-shadow:var(--page-shadow)!important;overflow:hidden!important}
#main-content .events-grid .event-card-image{
display:block!important;width:100%!important;height:auto!important;
aspect-ratio:16/10!important;max-height:none!important;min-height:0!important;
overflow:hidden!important;border-radius:0!important}
#main-content .events-grid .event-card-image img{
display:block!important;width:100%!important;height:100%!important;
object-fit:cover!important;object-position:center!important}
#main-content .events-grid .event-card-body{display:flex!important;
flex-direction:column!important;flex:1!important;padding:26px!important}
#main-content .event-card-body :is(.event-title,.event-description,.event-meta){
overflow-wrap:anywhere}
#main-content .event-card-image--placeholder{background:#e7f3fa!important}
/* A gallery keeps its intended imagery rather than turning into squeezed cards. */
#main-content .media-masonry,#main-content .gallery-grid{
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:var(--page-gap)!important;align-items:start!important}
#main-content .media-masonry > .media-masonry-item,
#main-content .gallery-grid > .gallery-item{
display:block!important;width:100%!important;max-width:100%!important;
min-width:0!important;grid-column:auto!important;grid-row:auto!important;
break-inside:avoid!important;margin:0!important}
#main-content .media-masonry .media-card{
width:100%!important;overflow:hidden!important;border-radius:20px!important;
background:#fff!important;border:1px solid var(--page-border)!important;
box-shadow:var(--page-shadow)!important}
#main-content .media-masonry :is(.media-img-wrapper,.media-img){
width:100%!important;aspect-ratio:4/3!important;max-height:none!important}
#main-content .media-masonry .media-img{display:block!important;
height:100%!important;object-fit:cover!important;object-position:center!important}
#main-content .gallery-grid .gallery-item img{
display:block!important;width:100%!important;height:100%!important;
aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important}
/* Announcement layout was historically inline styled. Force equal widths and
   layout while preserving notice status colors and real Share button. */
#main-content .announcements-grid{
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:var(--page-gap)!important;max-width:1180px!important;
margin:0 auto!important;align-items:stretch!important}
#main-content .announcements-grid > .announcement-card{
display:flex!important;flex-direction:column!important;width:100%!important;
height:100%!important;min-width:0!important;margin:0!important}
#main-content .announcements-grid .card-meta{align-self:flex-start!important}
/* Donation form remains fully usable; never make its inputs equal-height cards. */
#main-content .giving-accounts-grid{
display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:var(--page-gap)!important;align-items:stretch!important}
#main-content .giving-accounts-grid > .giving-account-card{
height:100%!important;min-width:0!important;width:100%!important;
margin:0!important;border:1px solid var(--page-border)!important;
border-radius:22px!important;background:#fff!important;box-shadow:var(--page-shadow)!important}
#main-content :is(.giving-account-card,.contact-info-box,.contact-form-box,
.sidebar-card,.content-card){max-width:100%!important;min-width:0!important}
#main-content .contact-grid{align-items:start!important}
#main-content :is(.map-frame,.map-wrapper,.map-embed){
max-width:100%!important;overflow:hidden!important;border-radius:22px!important}
#main-content :is(.map-frame,.map-wrapper,.map-embed) iframe{
display:block!important;width:100%!important;max-width:100%!important}
/* Related style: genuine CTA sections are readable, airy panels rather than
   dark blocks on otherwise pale website. */
#main-content:not(:has(> .academy-hero)) :is(
.final-cta,.strategic-cta,.history-cta,.story-cta-inline,
.cta-section){
background:transparent!important;background-image:none!important;
color:var(--page-ink)!important}
#main-content:not(:has(> .academy-hero)) :is(
.final-cta-content,.strategic-cta-content,.cta-box){
max-width:880px!important;margin-inline:auto!important;text-align:center!important;
padding:clamp(28px,5vw,65px)!important;border-radius:25px!important;
border:1px solid var(--page-border)!important;
background:rgba(255,255,255,.78)!important;background-image:none!important;
box-shadow:var(--page-shadow)!important;color:var(--page-ink)!important}
#main-content:not(:has(> .academy-hero)) :is(
.final-cta-content,.strategic-cta-content,.cta-box) :is(h2,p){
color:var(--page-ink)!important;-webkit-text-fill-color:var(--page-ink)!important;
text-shadow:none!important}
#main-content:not(:has(> .academy-hero)) :is(
.final-cta-buttons,.strategic-cta-buttons,.hero-cta-group){
display:flex!important;flex-wrap:wrap!important;align-items:center!important;
justify-content:center!important;gap:12px!important}
#main-content:not(:has(> .academy-hero)) :is(
.final-cta-buttons,.strategic-cta-buttons,.hero-cta-group) :is(.btn,.btn-primary,.btn-outline){
margin:0!important;min-height:46px!important;
border-radius:12px!important;padding:11px 21px!important}
/* All section labels: no pretend button backgrounds.
   Real CTA links, actual status badges and interactive filters are excluded. */
#main-content :is(.hero-label,.hero-badge,.section-label,.section-subtitle,
.gather-label,.happens-label,.expect-label,.values-label,.pillars-label,
.focus-label,.schedule-label,.gallery-label,.intro-label,.method-label,
.social-label,.activities-label,.fellowship-directory-label,
.why-join-label,.contact-hero-label,.events-hero-label):not(a):not(button){
background:transparent!important;background-image:none!important;
padding:0!important;margin-inline:0!important;border:0!important;
border-radius:0!important;box-shadow:none!important;
color:var(--page-blue)!important;text-decoration:none!important;
cursor:default!important;transform:none!important}
#main-content :is(.section-subtitle,.section-label,.hero-badge,
.hero-label):not(a):not(button)::before,
#main-content :is(.section-subtitle,.section-label,.hero-badge,
.hero-label):not(a):not(button)::after{
content:none!important;display:none!important}
/* Do not apply document-wide removal of all borders: 1px centered
   separators between sections remain on purpose. */
@media(max-width:1100px){
 #main-content :is(.gather-services,.happens-grid,.expect-grid,
 .info-grid,.schedule-grid,.focus-grid,.activities-grid,.values-grid,
 .pillars-grid,.mvv-grid,.fellowship-grid,.events-grid,
 .announcements-grid,.media-masonry,.gallery-grid){
 grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 #main-content :is(.gather-services,.happens-grid,.expect-grid,
 .info-grid,.schedule-grid,.focus-grid,.activities-grid,.values-grid,
 .pillars-grid,.mvv-grid,.fellowship-grid,.events-grid,
 .announcements-grid,.media-masonry,.gallery-grid,.giving-accounts-grid,
 .vision-grid,.about-grid,.intro-grid,.chapter-content,.contact-grid){
 grid-template-columns:minmax(0,1fr)!important}
 #main-content .gather-services > .gather-service-item{padding:24px!important}
 #main-content :is(.final-cta-content,.strategic-cta-content,.cta-box){
 padding:30px 22px!important}
 #main-content .media-masonry :is(.media-img-wrapper,.media-img){
 aspect-ratio:4/3!important}
}

/* Editorial explanatory strips: quiet context, not a gold call-to-action. */
#main-content .strategic-info-strip{
 background:transparent!important;background-image:none!important;
 border-bottom:0!important;
 padding:0!important;
 margin:0!important;
}
#main-content .strategic-info-strip > .container{
 max-width:min(100% - 40px,1180px)!important;margin:0 auto!important;
 padding:0 clamp(19px,2.5vw,28px)!important;
 border:1px solid var(--page-border)!important;border-radius:15px!important;
 background:rgba(255,255,255,.65)!important;
}
#main-content .strategic-info-strip p{
 color:var(--page-muted)!important;
 font-size:.93rem!important;line-height:1.75!important;
}
#main-content .strategic-info-strip :is(i,a){
 color:var(--page-blue)!important;
 -webkit-text-fill-color:var(--page-blue)!important;
 text-decoration:none!important;
}
/* Notice section eyebrows are actual editorial text, not fake badges. */
#main-content .public-section-eyebrow{
 display:inline-block!important;width:auto!important;min-height:0!important;
 border:0!important;border-radius:0!important;
 background:transparent!important;padding:0!important;
 margin:0 auto 12px!important;color:var(--page-blue)!important;
 -webkit-text-fill-color:var(--page-blue)!important;
 box-shadow:none!important;
 font-size:.77rem!important;font-weight:730!important;
 letter-spacing:.105em!important;text-transform:uppercase!important;
 line-height:1.6!important;
}
#main-content .public-section-eyebrow i{color:var(--page-blue)!important}
/* History: align the timeline as a readable sequence without the old visual noise. */
#main-content .timeline-section .timeline{
 width:min(100%,920px)!important;
 margin-inline:auto!important;
 max-width:100%!important;
}
#main-content .timeline-section .timeline-item{
 min-width:0!important;max-width:100%!important;
}
#main-content .timeline-section .timeline-content{
 max-width:100%!important;
 border:1px solid var(--page-border)!important;
 border-radius:20px!important;
 background:#fff!important;background-image:none!important;
 box-shadow:var(--page-shadow)!important;
 padding:clamp(22px,3vw,34px)!important;
}
#main-content .timeline-section .timeline-year{
 color:var(--page-blue)!important;
 -webkit-text-fill-color:var(--page-blue)!important;
}
#main-content .timeline-section .timeline-text{
 color:var(--page-muted)!important;line-height:1.8!important}
/* Story chapters: balanced image and copy, stagger only by content. */
#main-content .story-chapter .chapter-container{max-width:1180px!important;margin:auto!important}
#main-content .story-chapter .chapter-content{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:clamp(30px,5vw,78px)!important;align-items:center!important;
}
#main-content .story-chapter .chapter-content > *{min-width:0!important}
#main-content .story-chapter .chapter-text{
 font-size:clamp(1rem,1.2vw,1.1rem)!important;
 line-height:1.86!important;color:var(--page-muted)!important;
}
#main-content .story-chapter .chapter-image{
 width:100%!important;aspect-ratio:5/4!important;
 overflow:hidden!important;
 border-radius:80px 23px 62px 23px!important;
 box-shadow:0 24px 57px rgba(8,58,95,.1)!important;
}
#main-content .story-chapter .chapter-image img{
 display:block!important;width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:center!important;
}
#main-content .pull-quote-card{
 max-width:820px!important;margin:auto!important;
 background:#fff!important;background-image:none!important;
 border:1px solid var(--page-border)!important;
 border-radius:22px!important;box-shadow:var(--page-shadow)!important;
 padding:clamp(30px,5vw,60px)!important;
}
#main-content .pull-quote-card :is(.pull-quote-text,.pull-quote-author){
 color:var(--page-ink)!important;-webkit-text-fill-color:var(--page-ink)!important}
/* Sermons and media use equal visual rhythm and preserve play/lightbox controls. */
#main-content .sermons-grid{display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:var(--page-gap)!important;align-items:stretch!important}
#main-content .sermons-grid > .sermon-card{
 width:100%!important;height:100%!important;min-width:0!important;
 background:#fff!important;border:1px solid var(--page-border)!important;
 border-radius:22px!important;box-shadow:var(--page-shadow)!important;
 display:flex!important;flex-direction:column!important;overflow:hidden!important}
#main-content .sermons-grid .sermon-thumbnail{
 display:block!important;width:100%!important;aspect-ratio:16/10!important;
 height:auto!important;min-height:0!important;overflow:hidden!important}
#main-content .sermons-grid .sermon-thumbnail img{
 width:100%!important;height:100%!important;object-fit:cover!important}
#main-content .sermons-grid .sermon-content{flex:1!important;padding:24px!important}
#main-content .media-filter-bar{max-width:1180px!important;margin-inline:auto!important}
#main-content .media-filter-tabs{
 display:flex!important;flex-wrap:wrap!important;gap:10px!important}
#main-content .media-filter-btn{
 border-radius:12px!important;min-height:42px!important;
 padding:10px 18px!important}
#main-content .media-filter-btn.active{
 background:var(--page-blue)!important;color:#fff!important}
#main-content .media-filter-btn:hover{background:var(--page-hover)!important;color:#fff!important}
#main-content .media-masonry-item[style*="display: none"],
#main-content .media-masonry-item[style*="display:none"]{
 display:none!important;
}
/* User input and search: usable widths and consistent focus treatment. */
#main-content :is(.form-group,.stk-field){
 min-width:0!important;max-width:100%!important}
#main-content :is(.form-group,.stk-field) :is(input,textarea,select){
 max-width:100%!important;min-width:0!important;
 border-radius:12px!important}
#main-content :is(.form-group,.stk-field) :is(input,textarea,select):focus-visible{
 outline:2px solid var(--page-blue)!important;outline-offset:2px!important}
@media(max-width:1100px){
 #main-content .sermons-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 #main-content :is(.sermons-grid,.story-chapter .chapter-content){
  grid-template-columns:minmax(0,1fr)!important;
 }
 #main-content .story-chapter .chapter-image{
  border-radius:62px 18px 48px 18px!important;
 }
 #main-content .timeline-section .timeline-content{padding:22px!important}
}

/* SERVICES HERO — match the exact pale blue-white canvas used across the site.
   No navy photograph, no overlay, no white-on-white text. */
#main-content:not(:has(> .academy-hero)) > section.services-hero{
 position:relative!important;isolation:isolate!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:clamp(560px,76vh,790px)!important;height:auto!important;
 padding:clamp(92px,10vw,145px) 24px clamp(84px,9vw,126px)!important;
 background:var(--ack-page-hue,linear-gradient(116deg,#f2f9fd 0%,#f8fbfe 57%,#eaf5fa 100%))!important;
 background-image:var(--ack-page-hue,linear-gradient(116deg,#f2f9fd 0%,#f8fbfe 57%,#eaf5fa 100%))!important;
 color:#080B10!important;overflow:hidden!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .services-hero-bg{
 position:absolute!important;inset:0!important;
 z-index:0!important;width:100%!important;height:100%!important;
 display:none!important;opacity:0!important;
 filter:none!important;pointer-events:none!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .services-hero-bg img{
 width:100%!important;height:100%!important;max-width:none!important;
 object-fit:cover!important;object-position:center!important;
 opacity:0!important;filter:none!important;
 animation:none!important;transform:none!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .services-hero-overlay{
 position:absolute!important;inset:0!important;
 display:none!important;z-index:1!important;
 background:transparent!important;
 opacity:0!important;pointer-events:none!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .services-hero-content{
 position:relative!important;z-index:3!important;
 width:min(100%,930px)!important;max-width:930px!important;
 padding:0!important;margin:auto!important;
 text-align:center!important;opacity:1!important;
 visibility:visible!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero :is(
 .hero-title,.hero-title .accent,.hero-subtitle,.hero-label,.hero-service-pill,
 .hero-service-pill span,.scroll-indicator span){
 color:#080B10!important;-webkit-text-fill-color:#080B10!important;
 text-shadow:none!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-title{
 max-width:850px!important;
 margin:0 auto clamp(18px,2.5vw,27px)!important;
 font-size:clamp(2.6rem,5.25vw,5.1rem)!important;
 line-height:1.1!important;letter-spacing:-.048em!important;
 font-weight:760!important;
 text-wrap:balance!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-title .accent{
 font-style:normal!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-subtitle{
 max-width:690px!important;
 margin:0 auto 33px!important;
 font-size:clamp(1.02rem,1.45vw,1.21rem)!important;
 line-height:1.75!important;
 opacity:1!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-label{
 display:inline-block!important;
 margin:0 auto 24px!important;
 padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;
 color:#087CB8!important;-webkit-text-fill-color:#087CB8!important;
 font-weight:740!important;letter-spacing:.14em!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-service-times{
 display:flex!important;
 flex-wrap:wrap!important;
 justify-content:center!important;
 align-items:center!important;
 gap:10px!important;
 max-width:900px!important;margin:0 auto 32px!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-service-pill{
 display:inline-flex!important;align-items:center!important;gap:9px!important;
 padding:10px 15px!important;
 background:rgba(255,255,255,.82)!important;
 border:1px solid rgba(8,124,184,.24)!important;
 border-radius:12px!important;
 box-shadow:none!important;backdrop-filter:blur(7px)!important;
 font-size:clamp(.8rem,1vw,.9rem)!important;
 font-weight:650!important;
 line-height:1.4!important;
 cursor:default!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-service-pill i{
 color:#087CB8!important;
 -webkit-text-fill-color:#087CB8!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-cta-group{
 display:flex!important;justify-content:center!important;align-items:center!important;
 flex-wrap:wrap!important;gap:13px!important;opacity:1!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-cta-group .btn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:48px!important;padding:12px 24px!important;
 border-radius:12px!important;
 font-weight:700!important;font-size:.94rem!important;
 text-decoration:none!important;
 box-shadow:none!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-cta-group .btn-primary{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 background:#087CB8!important;background-image:none!important;
 border:1px solid #087CB8!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-cta-group .btn-primary:hover{
 background:#065A88!important;border-color:#065A88!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-cta-group .btn-outline{
 background:transparent!important;
 background-image:none!important;
 border:1px solid #087CB8!important;
 color:#087CB8!important;-webkit-text-fill-color:#087CB8!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-cta-group .btn-outline:hover{
 background:#065A88!important;
 border-color:#065A88!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-cta-group .btn i{
 color:inherit!important;-webkit-text-fill-color:inherit!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .scroll-indicator{
 z-index:3!important;pointer-events:none!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .scroll-line{
 background:linear-gradient(to bottom,#087CB8,transparent)!important;
}
/* Legacy gold decoration across the public site is blue, not metallic yellow.
   Do not recolor urgent/past status semantics or photographs. */
#main-content:not(:has(> .academy-hero)) :is(
 .happens-card-icon,.expect-number,.info-icon,.schedule-team-icon,
 .focus-icon,.activity-icon,.value-card-icon,.pillar-card-icon,
 .quick-contact-icon,.contact-method-icon,.sermon-play-btn,
 .ministry-card-icon,.department-icon,.event-placeholder-icon,
 .dept-stat-number,.ministry-stat-number,.hero-accent-line){
 color:#087CB8!important;
 -webkit-text-fill-color:#087CB8!important;
 border-color:rgba(8,124,184,.24)!important;
}
#main-content:not(:has(> .academy-hero)) :is(
 .happens-card-icon,.info-icon,.schedule-team-icon,.focus-icon,
 .activity-icon,.value-card-icon,.pillar-card-icon,.quick-contact-icon,
 .ministry-card-icon,.department-icon,.event-placeholder-icon){
 background:#e5f3fa!important;
 background-image:none!important;
}
#main-content:not(:has(> .academy-hero)) :is(
 .happens-card-icon,.info-icon,.schedule-team-icon,.focus-icon,
 .activity-icon,.value-card-icon,.pillar-card-icon,.quick-contact-icon,
 .ministry-card-icon,.department-icon,.event-placeholder-icon) i{
 color:#087CB8!important;
 -webkit-text-fill-color:#087CB8!important;
}
#main-content:not(:has(> .academy-hero)) :is(
 .gather-service-content,.happens-section,.expect-section,
 .fellowship-directory,.strategic-cta,.final-cta) :is(a.btn-primary,button.btn-primary){
 background:#087CB8!important;background-image:none!important;
 border-color:#087CB8!important;color:#fff!important;
 -webkit-text-fill-color:#fff!important;
}
#main-content:not(:has(> .academy-hero)) :is(
 .gather-service-content,.happens-section,.expect-section,
 .fellowship-directory,.strategic-cta,.final-cta) :is(a.btn-primary,button.btn-primary):hover{
 background:#065A88!important;border-color:#065A88!important;
}
#main-content:not(:has(> .academy-hero)) :is(
 a.btn-primary,button.btn-primary,input[type="submit"],
 .final-cta .btn-primary,.strategic-cta .btn-primary){
 background-image:none!important;
}
/* Inline legacy gold accents on decorative text/icons/CTA elements.
   Attribute selectors capture hex literals used in older template styles;
   actual payment/status elements are left alone. */
#main-content:not(:has(> .academy-hero)) :is(i,span,a,button,h1,h2,h3,h4)[style*="#D4A53A"],
#main-content:not(:has(> .academy-hero)) :is(i,span,a,button,h1,h2,h3,h4)[style*="#F2C86B"],
#main-content:not(:has(> .academy-hero)) :is(i,span,a,button,h1,h2,h3,h4)[style*="#B8860B"]{
 color:#087CB8!important;
 -webkit-text-fill-color:#087CB8!important;
}
#main-content:not(:has(> .academy-hero)) :is(a.btn,button.btn,a.btn-primary,button.btn-primary)[style*="#D4A53A"],
#main-content:not(:has(> .academy-hero)) :is(a.btn,button.btn,a.btn-primary,button.btn-primary)[style*="#F2C86B"]{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 background:#087CB8!important;background-image:none!important;
 border-color:#087CB8!important;
 box-shadow:none!important;
}
#main-content:not(:has(> .academy-hero)) :is(a.btn,button.btn,a.btn-primary,button.btn-primary)[style*="#D4A53A"]:hover,
#main-content:not(:has(> .academy-hero)) :is(a.btn,button.btn,a.btn-primary,button.btn-primary)[style*="#F2C86B"]:hover{
 background:#065A88!important;border-color:#065A88!important;
}
@media(max-width:700px){
 #main-content:not(:has(> .academy-hero)) > .services-hero{
  min-height:0!important;padding:76px 16px 80px!important;
 }
 #main-content:not(:has(> .academy-hero)) > .services-hero .hero-title{
  font-size:clamp(2.2rem,8vw,3.15rem)!important;
 }
 #main-content:not(:has(> .academy-hero)) > .services-hero .hero-service-times{
  gap:8px!important;
 }
}
@media(max-width:400px){
 #main-content:not(:has(> .academy-hero)) > .services-hero .hero-cta-group .btn{
  width:100%!important;
 }
 #main-content:not(:has(> .academy-hero)) > .services-hero .hero-service-pill{
  width:100%!important;justify-content:center!important;
 }
}

/* Services strategic note: eliminate all vertical section whitespace, while
   keeping the single 1px blue divider BELOW the note. */
#main-content:not(:has(> .academy-hero)) > section.strategic-info-strip{
 padding-block:0!important;
 margin-block:0!important;
 min-height:0!important;
}
#main-content > .strategic-info-strip > .container{
 padding-block:0!important;
}
#main-content > .strategic-info-strip p{
 margin-block:0!important;
}
#main-content > .services-hero .scroll-indicator{
 display:none!important;
}

/* Only one section divider: after the strategic note, not before it. */
#main-content > section.strategic-info-strip{
 border-top:0!important;
 border-image:none!important;
}

/* Services hero: compact spacing between the visit actions and strategic pillar. */
#main-content:not(:has(> .academy-hero)) > section.services-hero{
 min-height:0!important;
 height:auto!important;
 padding-bottom:20px!important;
}
#main-content:not(:has(> .academy-hero)) > .services-hero .hero-cta-group{
 margin-bottom:0!important;
 padding-bottom:0!important;
}
#main-content > section.strategic-info-strip{
 margin-top:0!important;
 padding-top:0!important;
}