/* Shared About ZSSF presentation across public inner pages. */
.article-page{--inner-blue:#075b88;--inner-border:#bddfeb;--inner-green:#268159}
.article-page h1{color:var(--inner-blue);font-size:clamp(24px,2.5vw,34px);line-height:1.3}
.article-page :is(.submenu-hero,.management-page-intro,.project-detail-heading,.gallery-heading):not(.about-interactive-header),.article-page>h1,.article-page .leader-profile-content>h1{
 position:relative;overflow:hidden;isolation:isolate;padding:24px;border:1px solid var(--inner-border);border-radius:14px;background-color:#eef8fd;background-image:linear-gradient(110deg,#e1f4fff0,#f4fbffeb 65%,#e6f6eee3),url('assets/about-pattern.svg');background-size:auto,220px 150px;background-position:center,0 0;box-shadow:0 6px 24px #075b880b;margin-top:12px;margin-bottom:22px
}
.article-page :is(.submenu-hero,.management-page-intro,.project-detail-heading,.gallery-heading) h1{padding:0;margin:0 0 8px;border:0;background:none;box-shadow:none}
.article-page :is(.submenu-hero,.management-page-intro,.project-detail-heading,.gallery-heading) .eyebrow{color:var(--inner-green)}
.article-page :is(.submenu-content-panel,.directory-card,.project-detail-section,.management-profile,.leader-profile,.faq-category-panel,.calculator-panel,.calculator-card){border-color:var(--inner-border);border-radius:13px;background-color:#fff;box-shadow:0 4px 18px #075b8808}
.article-page :is(.management-profile-copy,.project-detail-section)>:is(h2,h3),.article-page .submenu-content-panel>h2{color:#174d67}
.article-page .management-preview-notice,.article-page .submenu-empty{background:#edf8fd;border-color:var(--inner-border)}
.article-page :is(.management-profile-featured,.leader-profile-photo,.management-profile-copy){background-color:#f0f9fd}
.article-page :is(.submenu-feature-links>a,.faq-category-panel nav a){border-color:var(--inner-border)}
.article-page :is(.submenu-feature-links>a:hover,.submenu-feature-links>a:focus-visible){background:#e7f5fd;color:var(--inner-blue)}
.article-page .faq-category-panel a[aria-current=page]{background:var(--inner-blue);color:#fff}
@media(prefers-reduced-motion:no-preference){
 .article-page :is(.submenu-hero,.management-page-intro,.project-detail-heading,.gallery-heading):not(.about-interactive-header),.article-page>h1,.article-page .leader-profile-content>h1{animation:inner-page-pattern 32s linear infinite;transition:box-shadow .2s ease,border-color .2s ease}
 .article-page :is(.submenu-hero,.management-page-intro,.project-detail-heading,.gallery-heading):hover{border-color:#35b5e5;box-shadow:0 9px 28px #075b8818}
 @keyframes inner-page-pattern{to{background-position:center,220px -150px}}
}
@media(max-width:600px){.article-page :is(.submenu-hero,.management-page-intro,.project-detail-heading,.gallery-heading):not(.about-interactive-header),.article-page>h1,.article-page .leader-profile-content>h1{padding:18px;margin-bottom:16px}.article-page h1{font-size:24px}}
@media print{.article-page :is(.submenu-hero,.management-page-intro,.project-detail-heading,.gallery-heading),.article-page>h1,.article-page .leader-profile-content>h1{animation:none!important;background:white!important;box-shadow:none!important}}