/* Fælles navigation; indholdet forbliver tilgængeligt uden JavaScript. */
.site-header .menu-toggle{display:none;width:46px;height:46px;padding:11px!important;border:0;background:transparent!important;color:inherit;align-items:center;justify-content:center;position:relative}
.menu-toggle .burger{display:block;width:24px;height:18px;position:relative}
.burger::before,.burger::after,.burger span{content:'';position:absolute;left:0;width:24px;height:1.5px;background:currentColor;transition:transform .2s,opacity .2s}
.burger::before{top:0}.burger span{top:8px}.burger::after{top:16px}
.menu-toggle[aria-expanded=true] .burger::before{transform:translateY(8px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .burger::after{transform:translateY(-8px) rotate(-45deg)}
.menu-toggle[aria-expanded=true] .burger span{opacity:0}
.mobile-nav[hidden]{display:none!important}
@media(max-width:900px){
 .site-header .desktop-nav{display:none!important}
 .site-header .menu-toggle{display:flex!important}
 .site-header{justify-content:space-between!important}
 .editorial-page .site-header{height:82px!important}
 .mobile-nav:not([hidden]){display:flex!important;position:absolute;inset:82px 0 auto;z-index:10;flex-direction:column;gap:8px;padding:24px var(--gutter,24px) 30px;background:var(--petrol,var(--petrol-mid));color:var(--mineral,var(--mineral));border-bottom:1px solid color-mix(in srgb,var(--mineral) 25.10%,transparent)}
 .mobile-nav a{font-size:24px;padding:8px 0}
 body:not(.navigation-ready) .site-header .menu-toggle{display:none!important}
 body:not(.navigation-ready) .mobile-nav[hidden]{display:flex!important;position:static;flex-direction:column;padding:24px var(--gutter,24px);gap:12px;background:var(--petrol,var(--petrol-mid));color:var(--mineral,var(--mineral))}
}
@media(max-width:680px){.mobile-nav:not([hidden]){top:76px}.editorial-page .site-header{height:76px!important}}
@media(prefers-reduced-motion:reduce){.burger::before,.burger::after,.burger span{transition:none}}

/* Undersidernes navigation genbruges også i den komponentbaserede forside. */
.finch-kit .site-header{display:flex;align-items:center;z-index:20}
.finch-kit .site-header .brand{font-family:var(--fc-serif);line-height:1;text-decoration:none}
.finch-kit .site-header .desktop-nav{display:flex;align-items:center}
.finch-kit :is(.desktop-nav,.mobile-nav) a{font-family:var(--fc-sans);font-weight:500;text-decoration:none}
.finch-kit .site-header .desktop-nav a{padding:12px 0}
.finch-kit .site-header .desktop-nav a:is(:hover,[aria-current=page]){text-decoration:underline;text-underline-offset:6px}
.finch-kit .site-header :focus-visible,.finch-kit .mobile-nav a:focus-visible{outline-color:currentColor}
@media(max-width:900px){
 :is(.finch-home-letters,.finch-subpage-letters) .letters-hero .mobile-nav:not([hidden]){inset:82px var(--gutter,24px) auto;z-index:20;max-height:calc(100svh - 106px);overflow-y:auto;padding:16px 22px 20px;background:var(--ground);color:var(--hero-ink);border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(max-width:680px){
 :is(.finch-home-letters,.finch-subpage-letters) .letters-hero .mobile-nav:not([hidden]){top:76px;max-height:calc(100svh - 88px)}
}