/* Eén menu voor alle Razor-layouts, onafhankelijk van Alpine.js. */
body > header > nav.site-nav { min-height: 80px; }
.site-nav .site-nav__inner { width: min(100% - 2rem, 1140px); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: .8rem 0; }
body > header > nav.site-nav a.site-nav__brand { flex: 0 0 auto; background: transparent; color: var(--text-color, #24313a) !important; line-height: 1.2; padding: .25rem 0; }
.site-nav__brand-name { display: block; font-size: 1.55rem; font-weight: 750; letter-spacing: -.06em; }
.site-nav__brand-dot { color: var(--accent-color, #cc5b35); }
.site-nav__brand-caption { display: block; margin-top: .2rem; font-size: .7rem; font-weight: 450; color: #66737c; letter-spacing: .01em; }
.site-nav__links { display: flex; align-items: center; gap: .2rem; }
body > header > nav.site-nav a.site-nav__link { font-size: .875rem; font-weight: 500; padding: .55rem .65rem; white-space: nowrap; }
body > header > nav.site-nav a.site-nav__link.is-active { background: #e9eee3; color: #3f5e47 !important; }
.site-nav .site-nav__toggle { display: none; align-items: center; gap: .55rem; background: white; font: inherit; font-size: .9rem; cursor: pointer; }
.site-nav .site-nav__toggle[hidden] { display: none; }
.site-skip-link { position: fixed; top: .75rem; left: 1rem; z-index: 2000; padding: .7rem 1rem; background: white; border: 2px solid #3f5e47; border-radius: .4rem; transform: translateY(-200%); color: #24313a; }
.site-skip-link:focus { transform: translateY(0); }
#main-content { scroll-margin-top: 1rem; }
@media (max-width: 999.98px) {
    .site-nav .site-nav__inner { flex-wrap: wrap; gap: .75rem; }
    .site-nav .site-nav__links { width: 100%; flex-wrap: wrap; border-top: 1px solid #dfe5e9; padding-top: .7rem; }
    .site-nav[data-enhanced="true"] .site-nav__toggle { display: flex; }
    .site-nav[data-enhanced="true"][data-open="false"] .site-nav__links { display: none; }
    .site-nav[data-enhanced="true"] .site-nav__links { flex-direction: column; align-items: stretch; }
    body > header > nav.site-nav a.site-nav__link { padding: .7rem .8rem; }
}