:root{--blaa:#0d47a1;--moerk:#0d1b2a;--tekst:#1a1a1a;--led:#e3eefc}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,system-ui,"Segoe UI",Arial,sans-serif;font-size:1.15rem;line-height:1.6;color:var(--tekst);background:#fff}
a{color:var(--blaa)}
a:focus{outline:3px solid #ff9800;outline-offset:2px}
.spring{position:absolute;left:-9999px;top:0;background:var(--blaa);color:#fff;padding:.75rem 1rem;z-index:100}
.spring:focus{left:0}
header{text-align:center;padding:1.25rem 1rem .5rem;background:var(--moerk)}
.brand{display:inline-block;color:#fff;text-decoration:none}
.brand img{max-width:300px;width:100%;height:auto;display:block;margin:0 auto}
.brand-name{display:block;font-size:1.6rem;font-weight:bold;margin-top:.4rem}
nav{position:sticky;top:0;background:var(--blaa);z-index:50}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
nav a{display:block;color:#fff;text-decoration:none;padding:.9rem 1.2rem;font-weight:bold}
nav a:hover{background:var(--moerk);text-decoration:underline}
nav a[aria-current=page]{background:var(--moerk);text-decoration:underline}
main{max-width:720px;margin:0 auto;padding:1.5rem 1.2rem 3rem}
h1{color:var(--blaa)}
footer{text-align:center;padding:1.5rem;background:var(--moerk);color:#fff;font-size:.95rem}