/* T462: felles toppnavigasjon og footer. Kilde: footer.css; tools/site/sync-chrome.mjs legger den inn i pages.css (artikler inliner pages.css) og lenker den direkte på journey/reisen/rytteren/the-rider. Bare tokens.css-variabler. */
.topnav{display:flex;align-items:center;gap:clamp(14px,2.4vw,28px);margin-left:auto;margin-right:clamp(14px,2.4vw,28px)}
.topnav a{font:500 .75rem/1 var(--font-data);letter-spacing:.02em;text-decoration:none;color:var(--muted-dark);min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid transparent;transition:color var(--duration-quick,150ms) var(--ease-out,ease-out),border-color var(--duration-quick,150ms) var(--ease-out,ease-out)}
.topnav a:hover,.topnav a:focus-visible{color:var(--cream);border-bottom-color:var(--lean-400)}
.topnav a[aria-current]{color:var(--cream)}
@media(max-width:760px){.topnav{display:none}}

.krengo-foot{--papir:var(--cream);--dempet:var(--muted-dark);--oransje:var(--lean-500);--oransje-tekst:var(--lean-400);--fg-rgb:232,223,204;--grunn:var(--film);--paper:var(--film);background:var(--film);color:var(--cream);padding:clamp(40px,8vw,88px) max(var(--marg,clamp(20px,5vw,72px)),calc((100% - 1040px)/2)) 32px;font-family:var(--font-text);font-size:1.0625rem;line-height:1.5;overflow-wrap:normal;text-shadow:none;border-top:1px solid rgba(232,223,204,.14)}
.krengo-foot h2{font:800 clamp(1.7rem,4.4vw,2.6rem)/1.08 var(--font-display);letter-spacing:-.02em;margin:0 0 .35em;color:var(--cream);filter:none}
.krengo-foot .kf-lead{color:var(--muted-dark);margin:0 0 clamp(24px,4vw,40px);max-width:52ch}
.kf-tools{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;border-top:1px solid rgba(232,223,204,.18)}
@media(min-width:700px){.kf-tools{grid-template-columns:1fr 1fr;column-gap:40px}}
.kf-tools li{border-bottom:1px solid rgba(232,223,204,.18);min-width:0}
.kf-tools a{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:baseline;padding:18px 4px;text-decoration:none;color:var(--cream);transition:background var(--duration-quick,150ms) var(--ease-out,ease-out),padding var(--duration-fast,250ms) var(--ease-out,ease-out)}
.kf-tools a::after{content:"→";grid-row:1;grid-column:2;font-family:var(--font-data);color:var(--muted-dark);transition:transform var(--duration-fast,250ms) var(--ease-out,ease-out),color var(--duration-quick,150ms) var(--ease-out,ease-out)}
.kf-tools b{font-weight:500;font-size:1.2rem;letter-spacing:-.01em}
.kf-tools span{grid-column:1;color:var(--muted-dark);font-size:.95rem}
.kf-tools a:hover,.kf-tools a:focus-visible{background:rgba(232,223,204,.05);padding-inline:12px}
.kf-tools a:hover::after,.kf-tools a:focus-visible::after{transform:translateX(4px);color:var(--lean-400)}
.krengo-foot a:focus-visible{outline:3px solid var(--lean-400);outline-offset:3px}
.kf-wait{margin-top:clamp(32px,6vw,56px)}
.kf-wait:empty{display:none}
.kf-base{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:clamp(32px,6vw,56px);padding-top:20px;border-top:1px solid rgba(232,223,204,.18);font:400 .75rem/1.6 var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dark)}
.kf-base img{width:24px;height:24px}
.kf-base a{color:var(--muted-dark);text-decoration:none;border-bottom:1px solid rgba(232,223,204,.25);min-height:24px;display:inline-flex;align-items:center;padding-block:10px 8px;margin-block:-10px -8px}
.kf-base a:hover,.kf-base a:focus-visible{color:var(--cream);border-color:var(--lean-400)}
.kf-base .kf-sp{margin-left:auto}
@media(max-width:560px){.kf-base .kf-sp{margin-left:0}}
@media(prefers-reduced-motion:reduce){.kf-tools a,.kf-tools a::after{transition:none}.kf-tools a:hover,.kf-tools a:focus-visible{padding-inline:4px}.kf-tools a:hover::after{transform:none}}
@media print{.krengo-foot,.topnav{display:none}}