/* Shared navigation, actions and footer across the local website. */
.site-header{background:var(--paper);gap:24px}.desktop-nav{gap:22px}.desktop-nav [aria-current="page"]{color:var(--green)}
.resources-menu{position:relative;font-size:13px;font-weight:500}.resources-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;min-height:44px}.resources-menu summary::-webkit-details-marker{display:none}.resources-menu summary:after{content:'';width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-top:-4px}.resources-menu[open] summary:after{transform:rotate(225deg);margin-top:3px}.resources-menu summary:focus-visible{outline:3px solid #987d35;outline-offset:4px;border-radius:5px}.resources-dropdown{position:absolute;top:calc(100% + 10px);right:-20px;width:240px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;padding:10px;z-index:20}.resources-dropdown a{display:block;padding:12px!important;border-radius:9px;min-height:44px}.resources-dropdown a:hover{background:var(--sage)}
.button.secondary-button{background:#e9edde;color:var(--green);border:1px solid #cbd6bf;box-shadow:none}.button.secondary-button:hover{background:#dfe7d2}
.site-footer{display:grid;grid-template-columns:1fr auto;gap:24px;padding-block:36px}.footer-identity p{margin-top:12px;font-size:13px}.footer-links{display:flex;align-items:center;justify-content:end;gap:20px;flex-wrap:wrap;max-width:620px;font-size:12px}.footer-links>a,.footer-links>button{min-height:44px;display:inline-flex;align-items:center;background:transparent}.footer-copyright{grid-column:1/-1;font-size:11px;color:var(--muted)}
@media(max-width:1100px){.site-header{padding-inline:28px;gap:20px}.desktop-nav{gap:16px;font-size:12px}.resources-menu{font-size:12px}.site-header .wordmark{font-size:20px}}
@media(max-width:1000px){.site-header .desktop-nav{display:none}.site-header .header-actions{margin-left:auto}.site-header .menu-toggle{display:inline-grid}.site-header #mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:16px 28px 24px;border-bottom:1px solid var(--line);box-shadow:0 18px 25px -20px #243e2e55;max-height:calc(100dvh - 80px);overflow:auto}.site-header #mobile-nav>a{padding:10px 0;min-height:44px;font-size:14px}.site-header #mobile-nav .resources-menu{font-size:14px}.site-header #mobile-nav .resources-dropdown{position:static;width:100%;margin-top:6px;box-shadow:none;background:#f2f1e7}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:start;gap:8px 20px}.footer-copyright{grid-column:auto}}
@media(max-width:600px){.site-header{height:76px;padding-inline:20px;gap:12px}.site-header .wordmark{font-size:19px}.site-header .wordmark img{width:30px;height:30px}.site-header .button.small{font-size:11px;padding:10px 13px}.site-header .header-actions{gap:8px}.site-footer{width:calc(100% - 40px);gap:18px}.footer-links{font-size:12px}}

.desktop-nav a[aria-current="page"]{color:var(--green)}

/* Shared marketing scale. Keep app illustrations and legacy resources independent. */
.marketing-site{--content-width:1400px;--page-gutter:48px}
.marketing-site .section-width{width:min(var(--content-width),calc(100% - 2 * var(--page-gutter)))}
.marketing-site .site-header{padding-inline:max(var(--page-gutter),calc((100% - var(--content-width))/2))}
.marketing-site .desktop-nav,.marketing-site .resources-menu{font-size:15px}
.marketing-site .desktop-nav>a{display:inline-flex;align-items:center;min-height:44px}
.marketing-site .button:not(.demo-rsvp){font-size:16px;line-height:1.4;min-height:56px;padding:16px 26px;text-align:center}
.marketing-site .site-header .button.small{font-size:15px;min-height:48px;padding:12px 22px;white-space:nowrap}
.marketing-site .scroll-invitation{font-size:16px;min-height:56px;padding:14px 24px}
.marketing-site .community-page-link{font-size:15px}
.marketing-site .footer-links{font-size:14px}
.marketing-site .site-footer{width:min(var(--content-width),calc(100% - 2 * var(--page-gutter)))}
.marketing-site .guide-step p,.marketing-site .guide-chapter>p{max-width:65ch}
@media(min-width:1101px){
  .marketing-site .story-layout{width:min(1400px,calc(100% - 200px));column-gap:85px}
  .marketing-site .journey-rail{left:max(12px,calc((100% - 1640px)/2));width:88px}
  .marketing-site .ministry-hero-scene{max-width:590px}
}
@media(max-width:1100px){
  .marketing-site{--page-gutter:32px}
  .marketing-site .site-header{gap:18px}
  .marketing-site .desktop-nav{gap:18px}
}
@media(max-width:700px){
  .marketing-site{--page-gutter:20px}
  .marketing-site .button:not(.demo-rsvp){font-size:15px;min-height:52px;padding:14px 20px}
  .marketing-site .scroll-invitation{font-size:15px;min-height:52px}
  .marketing-site .site-header{gap:10px}
  .marketing-site .site-header .button.small{font-size:14px;min-height:44px;padding:10px 14px}
  .marketing-site .site-header #mobile-nav>a,.marketing-site .site-header #mobile-nav .resources-menu{font-size:16px}
}
@media(max-width:360px){
  .marketing-site .site-header{padding-inline:12px;gap:6px}
  .marketing-site .site-header .header-actions{gap:4px}
  .marketing-site .site-header .button.small{font-size:13px;padding-inline:10px}
}