/* Shared navigation: keep the same hierarchy on the website and every guide. */
.site-header { padding-block: 14px; }
.main-nav { font-size: .9rem; gap: 4px; }
.main-nav .nav-trial { background: var(--brand-yellow); color: #24321e; border: 1px solid #9a7b00; border-radius: 4px; }
.main-nav .nav-trial:hover { background: var(--brand-yellow-hover); color: #24321e; }
.main-nav a[aria-current] { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }
.site-header :is(a,button):focus-visible { outline: 3px solid var(--green-600); outline-offset: 4px; }
@media (max-width: 1080px) {
    .site-header.nav-open { max-height: 100dvh; overflow-y: auto; }
}