/* Separate pages: each top-menu item shows only its own sections (body[data-page] is set by app.js). */
#main > [data-page]:not(.page-on){display:none!important}
/* Before the script runs, show only the home page so deep links don't flash every section. */
body:not([data-page]) #main > [data-page]:not([data-page="home"]){display:none!important}
#main{min-height:calc(100svh - 220px)}
body:not([data-page="home"]) #main > .page-on{padding-top:150px}
body[data-page="gallery"] .gallery-section{min-height:calc(100svh - 220px)}
/* Certifications on bureau unit cards */
.unit-certs{margin:0 0 14px}
.unit-certs small{display:block;margin-bottom:6px;font-size:.72rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.unit-certs ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.unit-certs li{padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:550;color:var(--gold-2);background:rgba(217,164,65,.1);box-shadow:inset 0 0 0 1px rgba(217,164,65,.28)}
/* Home page quick links */
.explore-section{background:linear-gradient(180deg,var(--navy-950),var(--navy-900))}
.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.explore-grid{grid-template-columns:1fr}body:not([data-page="home"]) #main > .page-on{padding-top:120px}}
/* Inner pages start on light or dark sections, so the header keeps its solid bar there. */
body[data-page]:not([data-page="home"]) .site-header{background:rgba(4,11,29,.95);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 var(--line)}