/* Navigation belongs to the scrolling page; the compact brand bar is never fixed. */
html{scroll-padding-top:16px}
section[id],form[id]{scroll-margin-top:16px}
:focus-visible{outline:3px solid #f28b48;outline-offset:4px}
.button{white-space:normal;text-align:center;max-width:100%;overflow-wrap:anywhere;min-height:44px}
header.nav,.top{position:static!important;top:auto;backdrop-filter:none}
header.nav,.top .nav{height:auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:8px;padding-bottom:8px}
header.nav .brand-logo{min-width:0;max-width:46%;height:40px}
header.nav .brand-logo img{width:180px;max-width:100%;height:40px;object-fit:contain;object-position:left center}
header.nav .nav-admin-actions{margin:0;gap:8px}
header.nav .nav-admin-actions .button,.top .admin-start{min-height:40px;padding:10px 12px;font-size:10px;box-shadow:none}
.page-navigation{background:#070d08;color:#fff;border-bottom:2px solid #e36e25;padding:6px clamp(16px,5vw,72px)}
.page-navigation nav,.page-navigation .links{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 20px;width:100%;max-width:100%;margin:0;overflow:visible}
.page-navigation nav a,.page-navigation .links a:not(.button){display:flex!important;align-items:center;justify-content:center;min-height:36px;max-width:100%;min-width:0;white-space:normal;text-align:center;text-decoration:none;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.3;padding:6px 4px;overflow-wrap:anywhere}
@media(max-width:850px){
 .page-navigation nav,.page-navigation .links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
 .page-navigation nav a,.page-navigation .links a:not(.button){font-size:11px}
 .top .brand-logo{width:175px;height:40px;max-width:100%;object-fit:contain}
}
@media(max-width:540px){
 header.nav{padding:6px 16px;min-height:54px}
 header.nav .nav-admin-actions .button:not(.admin-signin-button){display:none}
 .top .nav{min-height:54px;flex-wrap:nowrap;padding-top:6px;padding-bottom:6px}
 .hero-actions{flex-wrap:wrap}.contact-card{padding:22px}.frontier-actions .button{white-space:normal}
 footer a{overflow-wrap:anywhere;white-space:normal!important}.contact-card a{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}

.tracker-top-action{padding:10px 20px;background:#070d08;text-align:center}.tracker-top-action .button{min-height:36px;padding:8px 14px;font-size:11px;box-shadow:none;line-height:1.3}

/* One blue treatment for tracker activation and progress buttons on every public page. */
:root{--tracker-blue:#1765a4;--tracker-blue-hover:#125486;--tracker-blue-shadow:#082a49}
:is(.tracker-top-action .button,.activation-reminder .button,.tracker-activate-button,a.button[href^="/tracker/"],a.button[href="/progress"]){background:var(--tracker-blue)!important;color:#fff!important;border-color:var(--tracker-blue)!important;box-shadow:4px 4px 0 var(--tracker-blue-shadow)}
:is(.tracker-top-action .button,.activation-reminder .button,.tracker-activate-button,a.button[href^="/tracker/"],a.button[href="/progress"]):is(:hover,:focus-visible){background:var(--tracker-blue-hover)!important;border-color:var(--tracker-blue-hover)!important;box-shadow:2px 2px 0 var(--tracker-blue-shadow)}
.tracker-top-action .button{box-shadow:none}

/* Four ministry links share one line; remove the nested hero's double padding. */
@media(max-width:850px){
 .page-navigation nav[aria-label="Main navigation"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .page-navigation nav[aria-label="Main navigation"] a{font-size:clamp(9px,2.7vw,12px);letter-spacing:0;padding:6px 0;white-space:nowrap;overflow-wrap:normal}
 main>.hero:has(>.hero-inner){padding:0;min-height:0;align-items:start}
 main>.hero>.hero-inner{padding:32px 0 40px}
}