@font-face{font-family:"Familjen";src:url(/assets/display.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Source Serif";src:url(/assets/body.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Source Serif";src:url(/assets/body-italic.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
:root{--ultra:#1c28b8;--ultra-deep:#101a78;--paper:#f6f7fb;--ink:#12163a;--muted:#4c5170;--line:#cdd1e4;--gold:#ffc53d;--sky:#c9d4ff;--gapbg:#fff1c9;--gapline:#a86a00;
--display:"Familjen","Arial Narrow",system-ui,sans-serif;--body:"Source Serif",Georgia,serif;--wrap:74rem;--read:42rem}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:1.125rem/1.65 var(--body)}
a{color:var(--ultra);text-underline-offset:.18em}a:hover{color:var(--ultra-deep)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}
h1,h2,h3{font-family:var(--display);line-height:1.08;letter-spacing:-.018em;text-wrap:balance;margin:0}
h1{font-size:clamp(2.5rem,7vw,5.4rem);font-weight:700}
h2{font-size:clamp(1.75rem,3.4vw,2.6rem);font-weight:700;margin:3.5rem 0 1rem}
h3{font-size:1.3rem;font-weight:600;line-height:1.25;margin:2rem 0 .4rem}
p,ul,ol{margin:0 0 1.1rem}ul,ol{padding-left:1.25rem}li{margin-bottom:.45rem}
.wrap{width:min(100% - 2rem,var(--wrap));margin-inline:auto}
.skip{position:absolute;left:-999px;background:var(--gold);color:var(--ink);padding:.6rem 1rem;z-index:9}.skip:focus{left:1rem;top:1rem}
.bar{background:var(--ultra);color:#fff}.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}
.brand{font:700 1.3rem var(--display);color:#fff;text-decoration:none;letter-spacing:-.01em}.brand:hover{color:var(--gold)}
.nav{font-family:var(--display);font-size:1rem}.nav ul{list-style:none;display:flex;gap:1.5rem;align-items:center;margin:0;padding:0}.nav li{margin:0}
.nav a{color:#fff;text-decoration:none}.nav a:hover,.nav a[aria-current]{color:var(--gold);text-decoration:underline}
.nav-small{display:none}.nav summary{display:none;cursor:pointer;color:#fff;list-style:none;padding:.3rem 0}.nav summary::-webkit-details-marker{display:none}
.btn{display:inline-block;background:var(--gold);color:var(--ink)!important;font:700 1.05rem var(--display);padding:.8rem 1.25rem;text-decoration:none!important;border:0;border-radius:2px 14px 2px 14px;cursor:pointer}
.btn:hover{background:#ffd76e;color:var(--ink)}
.nav .btn{padding:.5rem .9rem;font-size:.95rem}
.hero{background:var(--ultra);color:#fff;overflow:hidden}.hero a:not(.btn){color:#fff}
.hero .wrap{padding:3.5rem 0 3rem}.hero p.lede{font-size:clamp(1.15rem,2vw,1.4rem);max-width:38rem;margin:1.4rem 0 1.8rem;color:#eef0ff}
.hero .sub{color:var(--sky);font:1rem var(--display);margin-top:1rem}
.hero--small .wrap{padding:2.5rem 0}.hero--small h1{font-size:clamp(2.2rem,5.2vw,4rem);max-width:15em}
.chart-list{display:none}.crumbs{font:.95rem var(--display);margin-bottom:1.4rem;color:var(--sky)}.crumbs a{color:var(--sky)}
.chart{display:block;width:100%;height:auto;margin-top:2.2rem}
.chart .link{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:6 7}
.chart .star{fill:var(--gold)}.chart .dust{fill:#fff;opacity:.42}.chart text{fill:#fff;font:600 19px var(--display);paint-order:stroke;stroke:var(--ultra);stroke-width:6px}
.chart .n{fill:var(--sky);font:400 15px var(--display)}
@media (prefers-reduced-motion:no-preference){.chart--main .link{animation:draw 1.8s ease-out both}.chart--main .star{animation:lit .5s 1.2s both}@keyframes draw{from{stroke-dashoffset:1400}to{stroke-dashoffset:0}}@keyframes lit{from{opacity:.2}to{opacity:1}}}
.chart--main .link{stroke-dasharray:6 7}
main section{padding-block:.5rem}
.page{display:grid;grid-template-columns:minmax(0,var(--read)) minmax(14rem,20rem);gap:4rem;justify-content:space-between;padding-block:2.5rem 4rem}
.page--single{grid-template-columns:minmax(0,var(--read))}
.page>article>h2:first-child{margin-top:0}
.answer{font-size:1.3rem;line-height:1.5;margin:0 0 2rem;padding-left:1.1rem;border-left:5px solid var(--ultra)}
aside.side{font:1rem/1.5 var(--display);align-self:start;position:sticky;top:1.5rem}
aside.side h2{font-size:1.15rem;margin:0 0 .5rem}aside.side ul{list-style:none;padding:0}aside.side li{margin:.35rem 0}
aside.side .call{background:var(--ultra);color:#fff;padding:1.2rem;margin-bottom:1.8rem;border-radius:2px 22px 2px 22px}.call p{margin-bottom:.9rem}.call h2{color:#fff}
.tw{overflow-x:auto;margin:1.2rem 0 1.6rem}table{border-collapse:collapse;width:100%;min-width:32rem;font:1rem/1.45 var(--display)}caption{text-align:left;font-weight:600;padding-bottom:.5rem}
th,td{text-align:left;vertical-align:top;padding:.65rem .8rem .65rem 0;border-bottom:1px solid var(--line)}thead th{border-bottom:2px solid var(--ink)}tbody th{font-weight:600}
.band{background:var(--ultra-deep);color:#fff;padding:3rem 0;margin-top:1rem}.band h2{margin-top:0;color:#fff}.band a:not(.btn){color:var(--gold)}.band p{max-width:40rem}
.home h2{max-width:18em}.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem 3rem}.columns h3{margin-top:0}
.indlist{columns:3 14rem;list-style:none;padding:0;font:1.15rem var(--display)}.indlist li{break-inside:avoid;margin:0 0 .65rem}
.steps{counter-reset:s;list-style:none;padding:0}.steps li{counter-increment:s;padding:0 0 1rem 3rem;position:relative}.steps li::before{content:counter(s);position:absolute;left:0;top:-.1rem;font:700 1.7rem var(--display);color:var(--ultra)}.steps strong{font-family:var(--display)}
.gap{background:var(--gapbg);border:2px dashed var(--gapline);padding:.8rem 1rem;margin:1.2rem 0;font:1rem/1.45 var(--display);color:#3f2a00}.gap strong{display:block}
.qa h3{margin-top:1.6rem}.byline{font:1rem var(--display);color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;margin-top:2.5rem}
blockquote{margin:1.5rem 0;padding-left:1.1rem;border-left:5px solid var(--gold);font-style:italic}blockquote cite{display:block;font:normal 1rem var(--display);margin-top:.4rem}
form{display:grid;gap:1rem;max-width:34rem;font-family:var(--display)}label{font-weight:600;display:grid;gap:.3rem}input,select,textarea{font:1rem var(--display);padding:.7rem;border:1.5px solid var(--ink);background:#fff;color:var(--ink);border-radius:2px;width:100%}.trap{position:absolute;left:-9999px}
.foot{background:var(--ink);color:#e6e8f6;font:1rem/1.6 var(--display);padding:3rem 0;margin-top:2rem}.foot a{color:#fff}.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:2rem}.foot h2{font-size:1.05rem;margin:0 0 .5rem;color:#fff}.foot ul{list-style:none;padding:0;margin:0}.foot li{margin:.2rem 0}.foot .legal{margin:2rem 0 0;color:#b9bdd8;font-size:.95rem}
@media (max-width:60rem){.page{grid-template-columns:minmax(0,1fr);gap:2rem}aside.side{position:static}}
@media (max-width:48rem){body{font-size:1.0625rem}.nav-wide{display:none}.nav-small{display:block}.nav summary{display:block}.nav ul{display:none}.nav details[open] ul{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1rem 0}.bar .wrap{align-items:flex-start}.nav details[open]{min-width:10rem}}
@media (max-width:48rem){.chart text{display:none}.chart{margin-top:1.5rem}.chart-list{display:block;margin:1rem 0 0;padding-left:1.5rem;font:1rem var(--display);color:#fff}.chart-list li{margin:.2rem 0}.chart-list li::marker{color:var(--gold)}}
@media print{.bar,.foot,aside.side{display:none}}