@font-face{font-family:"Bebas Neue";src:url(/fonts/bebas-neue-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Raleway";src:url(/fonts/raleway-700-latin.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Figtree";src:url(/fonts/figtree-latin.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/fonts/dm-mono-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}
:root{
  --natt:#0A1418;--petrol:#142E36;--papper:#F6F1E8;--papper2:#ECE5D8;--vit:#FFFFFF;--ben:#F2EEE6;--mjuk:#C4CFD0;
  --blak:#142E36;--dampad:#4B6168;--mint:#D4F0F0;--linje:#D8CDBB;--gul:#FFF1A8;--fett:#E0492F;
  --linje-mork:rgba(242,238,230,.16);
  --fd:"Bebas Neue","Arial Narrow",Impact,sans-serif;
  --fr:"Raleway","Helvetica Neue",Arial,sans-serif;
  --fb:"Figtree","Helvetica Neue",Arial,system-ui,sans-serif;
  --fm:"DM Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --sid:max(clamp(16px, -22.63px + 9.905vw, 120px), calc(50% - 600px));
  --hal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='9'%3E%3Crect x='6' width='14' height='9' rx='2.5' fill='%23F6F1E8'/%3E%3C/svg%3E");
  --hal-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22'%3E%3Crect y='6' width='12' height='9' rx='2' fill='%23F6F1E8'/%3E%3C/svg%3E");
  --korn:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
html.stor-text{font-size:125%}
body{margin:0;background:var(--natt);color:var(--blak);font-family:var(--fb);font-size:clamp(1.125rem, 1.102rem + 0.09524vw, 1.188rem);line-height:1.6;overflow-wrap:break-word;font-variant-numeric:lining-nums;font-synthesis:style}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
h1,h2,h3{scroll-margin-top:20px}
:focus-visible{outline:3px solid var(--blak);outline-offset:3px}
.ingen-ring:focus-visible{outline:none!important}
.mork :focus-visible,.mork:focus-visible{outline-color:var(--mint)}
.bitkort :focus-visible,.panel :focus-visible,.klarsprak-ruta :focus-visible{outline-color:var(--blak)}
main:focus{outline:none}
[hidden]{display:none!important}
.visuellt-dold{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0}
.skip{position:absolute;left:16px;top:-80px;z-index:50;background:var(--mint);color:var(--natt);padding:12px 18px;border-radius:6px;font-weight:700;font-size:1rem;text-decoration:none}
.skip:focus{top:12px}
@media (max-width:959.98px){.bara-d{display:none!important}}
@media (min-width:960px){.bara-m{display:none!important}}
.mork{color:var(--ben)}
.bg-papper{background:var(--papper);color:var(--blak)}
.bg-papper2{background:var(--papper2);color:var(--blak)}
.bg-vit{background:var(--vit);color:var(--blak)}
.korn{position:relative}
.korn::after{content:"";position:absolute;inset:0;background-image:var(--korn);opacity:.07;pointer-events:none;mix-blend-mode:screen}
.h1{margin:0;font-family:var(--fd);font-weight:400;font-size:var(--h1,clamp(3.125rem, 1.686rem + 5.905vw, 7rem));line-height:.96;letter-spacing:.01em;color:var(--ben);text-wrap:balance;hyphens:manual}
.h2{margin:0;font-family:var(--fr);font-weight:700;font-size:clamp(2.125rem, 1.8rem + 1.333vw, 3rem);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}
.h2-44{font-size:clamp(2.125rem, 1.893rem + 0.9524vw, 2.75rem)}
.h2-40{font-size:clamp(1.875rem, 1.643rem + 0.9524vw, 2.5rem)}
.h2-36{font-size:clamp(2.125rem, 2.079rem + 0.1905vw, 2.25rem)}
.h2-56{font-size:clamp(2.125rem, 1.614rem + 2.095vw, 3.5rem)}
.h2-58{font-size:clamp(2.125rem, 1.568rem + 2.286vw, 3.625rem)}
.h2-64{font-size:clamp(2.125rem, 1.429rem + 2.857vw, 4rem);line-height:.98;letter-spacing:-.015em}
.h2-ljus{color:var(--ben)}
.h2-namn{font-family:var(--fd);font-weight:400;letter-spacing:.01em;font-size:clamp(2.75rem, 2.286rem + 1.905vw, 4rem);line-height:.95}
.h2-mb{margin-bottom:clamp(20px, 12.57px + 1.905vw, 40px)}
.h2-mb-24{margin-bottom:24px}
.h3{margin:0;font-family:var(--fr);font-weight:700;font-size:clamp(1.375rem, 1.282rem + 0.381vw, 1.625rem);line-height:1.12;letter-spacing:-.01em}
.h3-22{font-size:1.375rem}
.h3-rad{font-size:clamp(1.25rem, 1.204rem + 0.1905vw, 1.375rem)}
.h3-kort{font-size:clamp(1.312rem, 1.243rem + 0.2857vw, 1.5rem)}
.h3-kort-28{font-size:clamp(1.5rem, 1.407rem + 0.381vw, 1.75rem)}
.h3-tips-nr{font-size:clamp(1.5rem, 1.361rem + 0.5714vw, 1.875rem)}
.h3-bana{font-size:clamp(1.0625rem,1.8vw,1.625rem);line-height:1.08}
.h3-ljus{color:var(--ben)}
.p{margin:0;line-height:1.65;text-wrap:pretty}
.p a{text-underline-offset:4px}
.p-kort{font-size:clamp(1.062rem, 1.039rem + 0.09524vw, 1.125rem)}
.p-17{font-size:1.0625rem}
.p-20{font-size:clamp(1.125rem, 1.079rem + 0.1905vw, 1.25rem);line-height:1.6}
.p-dampad{color:var(--dampad)}
.p-ljus{color:var(--ben);font-size:clamp(1.125rem, 1.079rem + 0.1905vw, 1.25rem);line-height:1.6}
.p-mjuk{color:var(--mjuk);font-size:clamp(1.125rem, 1.102rem + 0.09524vw, 1.188rem);line-height:1.6}
.p-smal{max-width:820px}
.p-tips{font-size:clamp(1rem, 0.9768rem + 0.09524vw, 1.062rem)}
.p-kalla{font-size:clamp(0.875rem, 0.8518rem + 0.09524vw, 0.9375rem)}
.mono{font-family:var(--fm);font-size:.8125rem;line-height:1.3;letter-spacing:.12em;text-transform:uppercase}
.mono-dampad{color:var(--dampad);font-size:.75rem}
.kredit{margin:0;font-family:var(--fm);font-size:clamp(0.6875rem, 0.6643rem + 0.09524vw, 0.75rem);line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--mjuk);opacity:.72}
.tb{font-weight:700;white-space:nowrap}
.tb-par{white-space:nowrap}
.h1 .ts,.h2-namn .ts,.stor-siffra .ts,.tumregel-tal .ts,.regel-tid .ts,.tid-fakta-tal .ts,.tid-fakta-siffra .ts,.pomo-rad .ts,.remsa-namn .ts,.somn-ex-varde .ts,.res-varde .ts,.steg-varde .ts,.ring-varde .ts,.ring-24 .ts,.tips-nr .ts,.kort-nr .ts,.bal-fig figcaption .ts,.bitkort-namn .ts{margin:0 .1em}
.ah{display:none}
.stor-text .ah{display:inline}
.tb-ruta{display:inline-block;width:.6em;height:.6em;margin:0 .28em 0 .04em;border-radius:2px;vertical-align:.02em}
.tb-motion{color:#377773}.tb-somn{color:#593145}.tb-hjarnvila{color:#3A7670}.tb-relationer{color:#397571}
.tb-aktiviteter{color:#8F405B}.tb-fokustid{color:#417482}.tb-chilltid{color:#A6516D}
.sub{background:rgba(0,0,0,.84);color:var(--gul);padding:3px 9px;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.75}
.illu{display:inline-flex;flex-shrink:0}
.illu svg{display:block;width:clamp(34px, 31.77px + 0.5714vw, 40px);height:clamp(34px, 31.77px + 0.5714vw, 40px)}
.rad-rubrik .illu svg{width:32px;height:32px}
.ruta{display:inline-block;width:12px;height:12px;border-radius:2px;flex-shrink:0}
.tb-ikon{display:inline-block;width:40px;height:40px;flex-shrink:0}
.tb-ikon-h1{width:.74em;height:.74em;margin-right:.16em;vertical-align:0}
.ruttext-h .tb-ikon{width:36px;height:36px}
.fp-rubrik .tb-ikon{width:clamp(2.75rem, 2.471rem + 1.143vw, 3.5rem);height:clamp(2.75rem, 2.471rem + 1.143vw, 3.5rem)}
.bitkort-namn .tb-ikon{width:40px;height:40px}
.tb-ikon-kil{pointer-events:none}
.ruta-10{width:10px;height:10px}
.ruta-14{width:14px;height:14px}
.ruta-16{width:16px;height:16px}
.ruta-kant{box-shadow:0 0 0 1px rgba(242,238,230,.5)}
.ik{flex-shrink:0}
.ik-mint{color:var(--mint)}
.snart{font-family:var(--fm);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dampad);line-height:1.3}
.snart-mork{color:var(--mjuk)}
.kn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 18px;border-radius:6px;border:2px solid;font-family:var(--fb);font-size:clamp(1rem, 0.9768rem + 0.09524vw, 1.062rem);font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;text-align:left}
.kn span{text-wrap:balance}
.kn-mint{background:var(--mint);color:var(--natt);border-color:var(--mint)}
.kn-mint:hover{background:#FFFFFF;border-color:#FFFFFF}
.kn-line{background:transparent;color:var(--ben);border-color:var(--ben)}
.kn-line:hover{background:rgba(242,238,230,.12)}
.kn-ink{background:var(--blak);color:var(--ben);border-color:var(--blak)}
.kn-ink:hover{background:var(--natt);border-color:var(--natt)}
.kn-out{background:transparent;color:var(--blak);border-color:var(--blak)}
.kn-out:hover{background:var(--blak);color:var(--ben)}
.kn-snart,.kn-snart:hover{opacity:.55;cursor:not-allowed;background:transparent;color:var(--blak)}
.kn-bred{width:100%;justify-content:center}
@media (min-width:960px){.kn-bred{width:auto;justify-content:flex-start}}
.knapprad{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tl{display:inline-block;min-height:44px;padding:9px 0;font-size:1.0625rem;font-weight:700;line-height:1.5;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.tl .ik{display:inline-block;vertical-align:-3px;margin-left:8px}
.tl:hover{text-decoration-thickness:3px}
.tl-16{font-size:1rem}
.tl-mint{color:var(--mint)}
.horn{position:absolute;inset:var(--hi,30px);pointer-events:none;opacity:.7;color:var(--ben);--hl:44px;--hw:2px;
  background:
    linear-gradient(currentColor,currentColor) 0 0/var(--hl) var(--hw),
    linear-gradient(currentColor,currentColor) 0 0/var(--hw) var(--hl),
    linear-gradient(currentColor,currentColor) 100% 0/var(--hl) var(--hw),
    linear-gradient(currentColor,currentColor) 100% 0/var(--hw) var(--hl),
    linear-gradient(currentColor,currentColor) 0 100%/var(--hl) var(--hw),
    linear-gradient(currentColor,currentColor) 0 100%/var(--hw) var(--hl),
    linear-gradient(currentColor,currentColor) 100% 100%/var(--hl) var(--hw),
    linear-gradient(currentColor,currentColor) 100% 100%/var(--hw) var(--hl);
  background-repeat:no-repeat}
.horn-hjalte{--hi:14px;--hl:26px}
.horn-test{--hi:12px;--hl:22px;opacity:.8}
@media (min-width:960px){.horn-hjalte{--hi:30px;--hl:44px}.horn-test{--hi:18px;--hl:30px}}
@media (max-width:959.98px){.horn{display:none}}
.topp{position:relative;background:var(--natt);color:var(--ben)}
.topp-rad1{display:none}
.topp-rad2{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-height:112px;padding:8px max(16px,calc(50% - 656px));border-bottom:1px solid rgba(242,238,230,.14)}
.logga{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ben);font-family:var(--fd);font-weight:400;font-size:1.625rem;line-height:1;white-space:nowrap;letter-spacing:.02em}
.logga-bild{width:96px;height:96px;border-radius:50%;object-fit:cover}
.logga:focus-visible{outline-offset:6px;border-radius:6px}
.huvudmeny{display:none}
.topp-mobil{display:flex;gap:6px}
.topp-aa{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;border-radius:6px;color:var(--ben);cursor:pointer}
.topp-meny{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;background:var(--mint);color:var(--natt);border:0;border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer}
.topp-aa:hover{background:rgba(242,238,230,.1)}
@media (max-width:519.98px){
  .topp-mobil{gap:4px}
  .topp-aa,.topp-mobil .plan-lank{width:44px;min-width:44px;height:44px;min-height:44px}
  .topp-meny{width:44px;height:44px;padding:0;justify-content:center}
  .topp-meny-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .topp-rad2{flex-wrap:nowrap}
  .logga{min-width:0}
  .logga span{white-space:normal;line-height:1}
  .logga-bild{flex-shrink:0}
  .stor-text .logga-bild{width:76px;height:76px}
  .stor-text .logga{font-size:1.3rem}
}
@media (max-width:1199.98px){.stor-text .topp-rad2{flex-wrap:nowrap}.stor-text .logga{min-width:0}.stor-text .logga span{white-space:normal;line-height:1}.stor-text .logga-bild{flex-shrink:0}}
@media (max-width:389.98px){.logga{gap:8px;font-size:1.375rem}.logga-bild{width:76px;height:76px}.topp-rad2,.meny-topp{min-height:92px}.stor-text .logga-bild{width:64px;height:64px}}
@media (max-width:359.98px){.logga{font-size:1.25rem}.logga-bild{width:64px;height:64px}.topp-rad2,.meny-topp{min-height:80px;padding-inline:12px;gap:8px}.topp-mobil{gap:2px}}
.plan-lank{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:44px;justify-content:center;padding:0 6px;border-radius:6px;color:var(--ben);text-decoration:none;font-weight:700}
.plan-lank:hover{background:rgba(242,238,230,.1)}
.plan-lank[aria-current=page]{box-shadow:inset 0 -3px 0 var(--mint)}
.plan-lank-m .plan-lank-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.plan-antal{position:absolute;top:2px;right:0;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--mint);color:var(--natt);font-size:.8125rem;font-weight:700;line-height:22px;text-align:center}
.plan-antal[hidden]{display:none}
.topp-meny:hover{background:#FFFFFF}
@media (min-width:1200px){
  .topp-rad1{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 max(64px,calc(50% - 656px));border-bottom:1px solid rgba(242,238,230,.12);font-size:.875rem;color:var(--mjuk)}
  .topp-rad1 p{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .topp-rad1 a{color:var(--ben);font-weight:700;text-underline-offset:4px}
  .topp-rad1 p a{display:inline-flex;align-items:center;min-height:44px}
  .topp-verktyg{display:flex;gap:6px}
  .topp-knapp{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;background:transparent;color:var(--ben);border:0;border-radius:6px;font-weight:700;font-size:.875rem;cursor:pointer}
  .topp-knapp:hover{background:rgba(242,238,230,.1)}
  .topp-rad2{min-height:160px;padding:14px max(64px,calc(50% - 656px));border-bottom:0;flex-wrap:nowrap}
  .topp .logga{gap:18px;font-size:2.5rem}
  .topp .logga-bild{width:132px;height:132px}
  .huvudmeny{display:flex;align-items:center}
  .huvudmeny ul{display:flex;gap:34px;margin:0;padding:0;list-style:none}
  .nav-a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-family:var(--fr);font-weight:700;font-size:1.0625rem;color:var(--ben);text-decoration:none;white-space:nowrap}
  .nav-a:hover{color:var(--mint)}
  .nav-a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;background:var(--mint)}
  .kn-topp{font-size:1.0625rem}
  .topp-verktyg .plan-lank{min-height:44px;padding:0 10px;font-size:.875rem}
  .topp-verktyg .plan-antal{position:static;min-width:20px;height:20px;line-height:20px;font-size:.75rem}
  .huvudmeny{gap:clamp(24px,2.8vw,40px)}
  .huvudmeny ul{gap:clamp(22px,2.4vw,34px)!important}
  .kn-topp{white-space:nowrap}
  .topp-mobil{display:none}
}
@media (min-width:1200px) and (max-width:1439.98px){
  .stor-text .topp-rad1,.stor-text .huvudmeny{display:none}
  .stor-text .topp-mobil{display:flex}
  .stor-text .tallrik-knappar{position:static;display:grid;margin-top:22px;pointer-events:auto}
  .stor-text .bit-knapp{position:static;transform:none}
}
@media (min-width:1200px) and (max-width:1299.98px){
  .nav-a,.kn-topp{font-size:1rem}
  .kn-topp{padding:6px 16px}
}
dialog{color:inherit}
.meny{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--natt);color:var(--ben);overflow-y:auto}
.meny::backdrop{background:var(--natt)}
.meny-topp{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:112px;padding:8px 16px;border-bottom:1px solid rgba(242,238,230,.14)}
@media (max-width:389.98px){.meny .meny-topp{min-height:92px}}
@media (max-width:359.98px){.meny .meny-topp{min-height:80px;padding-inline:12px;gap:8px}}
@media (min-width:1200px) and (max-width:1439.98px){.stor-text .meny-topp{min-height:160px;padding:14px max(64px,calc(50% - 656px))}.stor-text .meny-topp .logga{gap:18px;font-size:2.5rem}.stor-text .meny-topp .logga-bild{width:132px;height:132px}.stor-text .meny-inre{margin-left:calc(max(64px,calc(50% - 656px)) - 16px)}}
.meny-stang{display:inline-flex;align-items:center;gap:8px;height:44px;flex-shrink:0;padding:0 14px;background:transparent;color:var(--ben);border:2px solid rgba(242,238,230,.6);border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer}
.meny-inre{padding:24px 16px 48px;display:flex;flex-direction:column;gap:24px;max-width:640px}
.meny-lista{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--linje-mork)}
.meny-lista li{border-top:1px solid var(--linje-mork)}
.meny-a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:10px 0;font-family:var(--fr);font-weight:700;font-size:1.625rem;line-height:1.1;letter-spacing:-.01em;text-decoration:none;color:var(--ben)}
.meny-a[aria-current]{color:var(--mint)}
.meny-a .ik{color:var(--mjuk)}
.meny-h3{margin:8px 0 0;font-family:var(--fr);font-weight:700;font-size:1.375rem}
.meny-bitar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.meny-bit{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:2px solid rgba(242,238,230,.5);border-radius:999px;font-family:var(--fd);font-weight:400;font-size:1.3125rem;letter-spacing:.02em;line-height:1;white-space:nowrap;text-decoration:none;color:var(--ben)}
@media (max-width:389.98px){.stor-text .meny-bitar{grid-template-columns:minmax(0,1fr)}}
@media (max-width:359.98px){.meny-bit{font-size:1.125rem;padding:0 10px}}
.meny-bit:hover{background:rgba(242,238,230,.08)}
.meny-om{margin:0;color:var(--mjuk);font-size:1rem}
.meny-om a{color:var(--ben);font-weight:700;text-underline-offset:4px}
.panel{width:min(420px,calc(100% - 32px));max-height:calc(100% - 32px);margin:80px 16px auto auto;padding:22px 24px 24px;border:0;border-radius:6px;background:var(--papper);color:var(--blak);box-shadow:0 20px 60px rgba(0,0,0,.45);overflow-y:auto}
.panel::backdrop{background:rgba(10,20,24,.6)}
@media (min-width:1200px){.panel{margin-top:60px;margin-right:max(64px,calc(50% - 656px))}}
.panel-topp{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.panel-h2{margin:0;font-family:var(--fr);font-weight:700;font-size:1.75rem;line-height:1.1}
.panel-stang{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;background:transparent;border:2px solid var(--blak);border-radius:6px;cursor:pointer;color:var(--blak)}
.vaxla{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:58px;padding:8px 0;background:transparent;border:0;border-top:1px solid var(--linje);font-weight:700;font-size:1.125rem;color:var(--blak);cursor:pointer;text-align:left}
.vaxla:last-of-type{border-bottom:1px solid var(--linje)}
.vaxel{position:relative;display:inline-block;flex-shrink:0;width:44px;height:26px;border-radius:999px;border:2px solid currentColor}
.vaxel::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:currentColor;transition:transform .15s}
[aria-checked=true] > .vaxel{background:currentColor}
[aria-checked=true] > .vaxel::after{transform:translateX(18px);background:var(--papper)}
.panel-not{display:flex;gap:10px;align-items:center;margin:14px 0 0;color:var(--dampad);font-size:.9375rem}
.sek{padding:clamp(48px, 30.17px + 4.571vw, 96px) var(--sid) clamp(52px, 34.17px + 4.571vw, 100px)}
.sek-kort{padding:clamp(44px, 30.63px + 3.429vw, 80px) var(--sid) clamp(48px, 34.63px + 3.429vw, 84px)}
.sek-pn{padding:clamp(44px, 30.63px + 3.429vw, 80px) var(--sid) clamp(44px, 27.66px + 4.19vw, 88px)}
.sek-bana{padding:clamp(48px, 30.17px + 4.571vw, 96px) var(--sid) clamp(52px, 35.66px + 4.19vw, 96px)}
.hjalte{position:relative;height:var(--h-m);overflow:hidden;background:var(--natt);color:var(--ben)}
.hjalte-bild{position:absolute;left:0;top:0;width:100%;height:70%;object-fit:cover}
.hjalte-tona{position:absolute;inset:0;background:linear-gradient(0deg,var(--natt) 0%,var(--natt) 30%,rgba(10,20,24,.6) 46%,rgba(10,20,24,0) 64%)}
.hjalte-text{position:absolute;left:var(--sid);right:var(--sid);bottom:30px;display:flex;flex-direction:column;gap:12px}
.hjalte-rand-pa .hjalte-text{bottom:34px}
.hjalte-kredit-d{display:none}
.hjalte-rand{position:absolute;left:0;right:0;bottom:0;height:8px}
@media (min-width:960px){
  .hjalte{height:var(--h-d)}
  @media (min-width:1200px){.hjalte{height:min(var(--h-d),max(480px,calc(100svh - 205px)))}}
  .hjalte-bild{height:100%}
  .hjalte-tona{background:linear-gradient(0deg,rgba(10,20,24,.97) 0%,rgba(10,20,24,.9) 28%,rgba(10,20,24,.35) 56%,rgba(10,20,24,0) 74%),linear-gradient(180deg,rgba(10,20,24,.45) 0%,rgba(10,20,24,0) 16%)}
  .hjalte-text{bottom:84px}
  .hjalte-rand-pa .hjalte-text{bottom:90px}
  .h1{line-height:.93;max-width:1100px}
  .hjalte-kredit-m{display:none}
  .hjalte-kredit-d{display:block;position:absolute;right:max(64px,calc(50% - 656px));bottom:40px}
  .hjalte-rand{height:10px}
  .hjalte-modell .hjalte-tona{background:linear-gradient(0deg,rgba(10,20,24,.97) 0%,rgba(10,20,24,.9) 30%,rgba(10,20,24,.35) 58%,rgba(10,20,24,0) 76%),linear-gradient(180deg,rgba(10,20,24,.55) 0%,rgba(10,20,24,0) 18%)}
  .hjalte-modell .h1{line-height:.92}
}
.intro{background:var(--natt);color:var(--ben);padding:8px var(--sid) 44px;display:flex;flex-direction:column;gap:32px}
.intro-text{display:flex;flex-direction:column;gap:18px}
.ingress{margin:0;font-size:var(--ingress,clamp(1.25rem, 1.111rem + 0.5714vw, 1.625rem));line-height:1.55;text-wrap:pretty}
.ingress a{text-underline-offset:4px}
.ingress-2{margin:0;font-size:clamp(1.125rem, 1.079rem + 0.1905vw, 1.25rem);line-height:1.55;text-wrap:pretty}
@media (min-width:960px){
  .intro{display:block;padding:56px var(--sid) 72px}
  .intro-text{gap:24px;max-width:880px}
  .intro-toc{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:clamp(40px,6vw,96px);align-items:start}
  .intro-toc .intro-text{max-width:none}
  .intro-modell{grid-template-columns:minmax(0,1fr) minmax(300px,440px)}
  .intro-modell .intro-text{gap:32px}
}
.verktyg{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}
.vk-knapp{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:2px solid rgba(242,238,230,.6);border-radius:6px;background:transparent;color:var(--ben);font-size:clamp(1rem, 0.9768rem + 0.09524vw, 1.062rem);font-weight:700;cursor:pointer}
.vk-knapp:hover{background:rgba(242,238,230,.1)}
.vk-knapp[aria-pressed=true],.vk-knapp[aria-checked=true]{background:var(--mint);color:var(--natt);border-color:var(--mint)}
.klarsprak-ruta{display:none;padding:clamp(1.25rem, 1.064rem + 0.7619vw, 1.75rem) clamp(1.25rem, 0.9714rem + 1.143vw, 2rem) clamp(1.375rem, 1.189rem + 0.7619vw, 1.875rem);background:var(--mint);color:var(--natt);border-radius:6px;max-width:760px}
.klarsprak .klarsprak-ruta{display:block}
.klarsprak-h{margin:0 0 12px;font-family:var(--fr);font-weight:700;font-size:clamp(1.375rem, 1.236rem + 0.5714vw, 1.75rem);line-height:1.15;letter-spacing:-.01em}
.klarsprak-ruta ul{margin:0;padding:0 0 0 1.2em;display:flex;flex-direction:column;gap:10px}
.klarsprak-ruta li{font-size:clamp(1.125rem, 1.079rem + 0.1905vw, 1.25rem);line-height:1.5}
.klarsprak-ruta li::marker{color:var(--petrol)}
@media print{.klarsprak-ruta{display:none!important}}
.toc-rubrik{margin:0 0 12px;color:var(--mjuk)}
.toc ul{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje-mork)}
.toc li{border-top:1px solid var(--linje-mork)}
.toc-a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:6px 4px;text-decoration:none;color:var(--ben);font-weight:700;font-size:clamp(1.062rem, 1.039rem + 0.09524vw, 1.125rem);line-height:1.3}
.toc-a .ik{color:var(--mjuk)}
.toc-a:hover{background:rgba(242,238,230,.06)}
.toc-kapitel{justify-content:flex-start;gap:18px;padding:5px 6px}
.toc-kapitel .ik{margin-left:auto}
.toc-tumme{width:72px;height:40px;object-fit:cover;border-radius:3px;flex-shrink:0}
.toc-ikon{display:grid;place-items:center;background:var(--petrol);color:var(--mjuk)}
.tva{display:flex;flex-direction:column;gap:18px}
.tva-inre{display:flex;flex-direction:column;gap:clamp(18px, 16.51px + 0.381vw, 22px);container-type:inline-size}
@media (min-width:960px){
  .tva{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(40px,5.5vw,80px);align-items:start}
  .tva-inre{max-width:760px}
  .tva-bred .tva-inre{max-width:none}
}
.block{display:flex;flex-direction:column;gap:14px}
.tva-inre>.block:not(.block-tat):not(:first-child){margin-top:clamp(10px, 7.03px + 0.7619vw, 18px)}
.block-tat{gap:8px}
.lista{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje)}
.lista li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--linje);line-height:1.5}
.lista-ik{margin-top:3px}
.lista-bock .lista-ik{color:var(--bock,var(--blak))}
.lista-kryss .lista-ik{color:var(--dampad)}
.lista-byte{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje)}
.lista-byte li{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--linje);line-height:1.45}
.byte-fran{color:var(--dampad)}
.byte-pil{color:var(--pil,var(--blak))}
.byte-till{font-weight:600}
@container (min-width:600px){.lista-byte li{grid-template-columns:minmax(0,2fr) 22px minmax(0,3fr);gap:24px;padding:18px 0}}
.radlista{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje)}
.radlista li{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0;border-top:1px solid var(--linje)}
.rad-rubrik{display:flex;align-items:center;gap:12px}
@container (min-width:600px){.radlista li{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:28px;padding:20px 0}}
.kortlista{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@container (min-width:440px){.kortlista.kol-2,.kortlista.kol-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@container (min-width:700px){.kortlista.kol-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.kort{display:flex;flex-direction:column;gap:10px;padding:clamp(20px, 17.77px + 0.5714vw, 26px);background:var(--vit);border:1px solid var(--linje);border-radius:4px}
.kort-nr{font-family:var(--fd);font-weight:400;font-size:clamp(2.5rem, 2.314rem + 0.7619vw, 3rem);line-height:.9;letter-spacing:.01em}
.citat{margin:8px 0 0;padding:4px 0 4px clamp(20px, 17.03px + 0.7619vw, 28px);border-left:5px solid var(--citat)}
.citat p{margin:0;font-family:var(--fr);font-weight:700;font-size:clamp(1.5rem, 1.268rem + 0.9524vw, 2.125rem);line-height:1.2;letter-spacing:-.01em}
.fragelista{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje)}
.fragelista li{padding:clamp(16px, 14.51px + 0.381vw, 20px) 0;border-top:1px solid var(--linje)}
.fragelista p{margin:0;font-size:clamp(1.188rem, 1.141rem + 0.1905vw, 1.312rem);line-height:1.5;text-wrap:pretty}
.lanklista{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje)}
.lanklista li{padding:12px 0;border-top:1px solid var(--linje)}
.extkort-lista{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@container (min-width:600px){.extkort-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.extkort{display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%;padding:20px 22px;background:var(--vit);border:1px solid var(--linje);border-radius:4px;text-decoration:none;color:var(--blak)}
.extkort-text{display:flex;flex-direction:column;gap:4px;font-size:1.0625rem;line-height:1.45}
.extkort-titel{font-family:var(--fr);font-weight:700;font-size:1.5rem;line-height:1.1}
.extkort:hover .extkort-titel{text-decoration:underline;text-underline-offset:4px}
.fakta{background:var(--natt);color:var(--ben);padding:44px var(--sid) 48px;display:flex;flex-direction:column;gap:28px}
.fakta-v{display:flex;flex-direction:column;gap:18px}
.stor-siffra{margin:0;display:flex;align-items:baseline;gap:14px;font-family:var(--fd);font-weight:400;color:var(--mint);line-height:.8;letter-spacing:.01em}
.stor-tal{font-size:clamp(7rem, 5.421rem + 6.476vw, 11.25rem)}
.stor-enhet{font-size:clamp(2.25rem, 1.879rem + 1.524vw, 3.25rem)}
.fakta-text{margin:0;font-size:clamp(1.25rem, 1.157rem + 0.381vw, 1.5rem);line-height:1.45}
.fakta-not{margin:0;display:flex;gap:12px;align-items:flex-start;font-size:1.0625rem;line-height:1.5;color:var(--mjuk)}
.fakta-h{display:flex;flex-direction:column}
.fakta-rad{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-top:1px solid rgba(242,238,230,.2)}
.fakta-rad .h3{font-size:clamp(1.375rem, 1.329rem + 0.1905vw, 1.5rem)}
.fakta-rad .p{font-size:1.125rem;line-height:1.55}
.fakta-lank{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:12px;border-top:1px solid rgba(242,238,230,.2)}
@media (min-width:960px){.fakta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;padding:88px var(--sid)}}
.rakna{background:var(--natt);color:var(--ben);padding:44px var(--sid) 48px}
.rakna-rutnat,.rakna-v,.rakna-h{display:flex;flex-direction:column;gap:26px}
.rakna-huvud{display:flex;flex-direction:column;gap:16px}
.rakna-fraga{display:flex;flex-direction:column;gap:12px}
.val-grupp{display:flex;flex-wrap:wrap;gap:8px}
.val-knapp{min-height:44px;padding:0 16px;border-radius:6px;border:2px solid var(--mint);background:transparent;color:var(--ben);font-size:1.0625rem;font-weight:700;cursor:pointer}
.val-knapp:hover{background:rgba(212,240,240,.12)}
.val-knapp[aria-pressed=true]{background:var(--mint);color:var(--natt)}
.stegare{display:flex;align-items:center;gap:14px}
.steg-knapp{width:52px;height:52px;flex-shrink:0;border-radius:6px;border:2px solid var(--mint);background:transparent;color:var(--mint);font-size:1.625rem;font-weight:700;line-height:1;cursor:pointer}
.steg-knapp svg{display:block;margin:auto}
.steg-knapp:hover{background:rgba(212,240,240,.12)}
.steg-varde{font-family:var(--fd);font-weight:400;font-size:clamp(3rem, 2.721rem + 1.143vw, 3.75rem);line-height:1;min-width:clamp(150px, 138.86px + 2.857vw, 180px);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.steg-varde-kort{font-size:3.25rem;min-width:max(110px,2.3em)}
.resultat-par{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.resultat{display:flex;flex-direction:column;gap:6px;padding:clamp(16px, 13.77px + 0.5714vw, 22px) clamp(18px, 15.77px + 0.5714vw, 24px);border-left:5px solid var(--kant);background:rgba(242,238,230,.06)}
.res-etikett{font-size:1.0625rem;font-weight:700;color:var(--mjuk)}
.res-varde{font-family:var(--fd);font-weight:400;font-size:clamp(2.75rem, 2.471rem + 1.143vw, 3.5rem);line-height:1;letter-spacing:.01em}
.res-not{font-size:1rem;color:var(--mjuk)}
.dygnsbar{display:flex;flex-direction:column;gap:8px}
.dygnsbar-spar{position:relative;height:18px;border-radius:3px;background:rgba(242,238,230,.12);overflow:hidden}
.dygnsbar-somn,.dygnsbar-fritt{position:absolute;top:0;bottom:0}
.dygnsbar-somn{background:#9C6E86}
.dygnsbar-fritt{background:#BD5C7C}
.dygnsbar-tider{display:flex;justify-content:space-between;font-family:var(--fm);font-size:.75rem;color:var(--mjuk)}
.rakna-behov{margin:0;font-size:1.0625rem;color:var(--mjuk)}
@media (min-width:960px){
  .rakna{padding:88px var(--sid)}
  .rakna-rutnat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);align-items:start}
  .rakna-v{gap:30px}
  .rakna-h{padding-top:8px}
}
@container (min-width:520px){.resultat-par{grid-template-columns:1fr 1fr}}
.rakna-h{container-type:inline-size}
.pomodoro{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.pomo-rad{display:flex;height:clamp(64px, 59.54px + 1.143vw, 76px);border-radius:4px;overflow:hidden;font-family:var(--fd);font-weight:400;line-height:1.05;letter-spacing:.01em}
.pomo-fokus{flex:25;background:var(--blak);color:var(--ben);display:flex;align-items:center;padding:0 18px;font-size:clamp(1.375rem, 1.236rem + 0.5714vw, 1.75rem)}
.pomo-paus{flex:9;background:#5598AB;color:var(--natt);display:flex;align-items:center;padding:0 10px;font-size:clamp(1.125rem, 1.032rem + 0.381vw, 1.375rem)}
.samtal{display:flex;flex-direction:column;gap:22px}
.samtal-text,.samtal-not{display:flex;flex-direction:column;gap:18px}
@media (min-width:960px){
  .samtal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-template-rows:auto 1fr;grid-template-areas:"text lista" "not lista";column-gap:clamp(40px,5.5vw,80px);row-gap:18px;align-items:start}
  .samtal-text{grid-area:text}
  .samtal .fragelista{grid-area:lista}
  .samtal-not{grid-area:not}
}
.plan{display:flex;flex-direction:column;gap:22px}
.plan-text{display:flex;flex-direction:column;gap:12px}
.plan-kort{display:flex;flex-direction:column;gap:20px;margin:0;padding:clamp(20px, 14.06px + 1.524vw, 36px);background:var(--vit);border:1px solid var(--linje);border-radius:4px}
@media (min-width:960px){.plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(40px,5.5vw,80px);align-items:start}}
.falt{display:flex;flex-direction:column;gap:8px}
.falt label{font-size:clamp(1.062rem, 1.039rem + 0.09524vw, 1.125rem);font-weight:700;line-height:1.4}
.falt input,.falt textarea{display:block;width:100%;min-height:52px;padding:0 16px;border:2px solid var(--blak);border-radius:6px;background:var(--vit);color:var(--blak);font-size:1.125rem;line-height:1.5}
.falt textarea{min-height:112px;padding:14px 16px;resize:vertical}
.p-efter-falt{margin-top:-8px}
.sparat{margin:0;display:flex;gap:8px;align-items:center;font-weight:700;color:#2F6B55}
.sparat .ik{flex-shrink:0}
.pdf-ruta{display:flex;gap:clamp(16px, 11.54px + 1.143vw, 28px);align-items:flex-start;max-width:900px}
.pdf-ik{flex-shrink:0;color:var(--blak);margin-top:6px}
.pdf-text{display:flex;flex-direction:column;gap:14px;min-width:0}
.pdf-text .h2{font-size:clamp(1.625rem, 1.393rem + 0.9524vw, 2.25rem);hyphens:auto}
.fp-tom{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:28px;border-top:1px solid var(--linje)}
.las-not{margin:0;display:flex;gap:10px;align-items:center;font-size:.9375rem;line-height:1.45;color:var(--dampad)}
.kryssgrupp{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:4px}
.kryssgrupp legend{padding:0 0 8px;font-family:var(--fr);font-weight:700;font-size:1.375rem;line-height:1.15}
.kryssruta{display:flex;align-items:center;gap:14px;min-height:48px;font-size:1.125rem;cursor:pointer}
.egna{display:flex;flex-direction:column;gap:8px}
.egna:not(:empty){margin-top:6px}
.egen-rad{display:flex;gap:8px;align-items:center}
.egen-text{flex:1;min-width:0;min-height:48px;padding:0 14px;border:2px solid var(--blak);border-radius:6px;background:var(--vit);color:var(--blak);font-size:1.0625rem}
.egen-bort{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--blak);font-weight:700;font-size:.9375rem;cursor:pointer}
.egen-bort:hover{background:rgba(20,46,54,.08)}
.egen-ny{margin-top:10px}
.kryssruta input{width:26px;height:26px;margin:0;accent-color:var(--blak);flex-shrink:0}
.remsa{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:17px;padding:34px 24px;background-color:var(--natt);background-image:var(--hal),var(--hal);background-repeat:space no-repeat;background-size:26px 9px;background-position:center 10px,center calc(100% - 10px);border-radius:4px}
.remsa-ruta{position:relative;aspect-ratio:3/2;border-radius:3px;overflow:hidden;background:#000}
.remsa-ruta img{width:100%;height:100%;object-fit:cover}
.remsa-ruta-krita{overflow:visible;background:none}
.remsa-klipp{display:block;height:100%;border-radius:3px;overflow:hidden}
.fettkrita{position:absolute;left:-30px;top:-28px;width:calc(100% + 60px);height:calc(100% + 56px);max-width:none;pointer-events:none;overflow:visible}
.remsa-v{position:relative;padding:34px 29px;background-color:var(--natt);background-image:var(--hal-v),var(--hal-v);background-repeat:no-repeat space;background-size:12px 22px;background-position:8px 0,calc(100% - 8px) 0;border-radius:4px}
.remsa-v .remsa-ruta{aspect-ratio:auto;height:190px}
.klickkort{position:relative}
.kort-lank{opacity:.7;transition:opacity .2s}
.kort-lank::after,.kort-rubrik::before{content:"";position:absolute;inset:0;z-index:1;border-radius:4px}
.klickkort:hover .kort-lank,.kort-lank:focus-visible{opacity:1;text-decoration-thickness:3px}
.kort-lank:focus-visible,.kort-rubrik:focus-visible{outline:none}
.kort-lank:focus-visible::after,.kort-rubrik:focus-visible::before{box-shadow:0 0 0 3px var(--mint);outline:3px solid var(--blak);outline-offset:3px}
.kort-rubrik{color:inherit;text-decoration:none}
.klickkort:hover .kort-rubrik,.kort-rubrik:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.kort-pil{display:block;padding-top:4px;line-height:0;opacity:.7;transition:opacity .2s}
.kort-pil .ik{transition:transform .2s}
.bana-m .kort-pil{padding-top:2px}
.klickkort:hover .kort-pil,.klickkort:focus-within .kort-pil,.bana-m:hover .kort-pil,.bana-m:focus-visible .kort-pil{opacity:1}
.klickkort:hover .kort-pil .ik,.klickkort:focus-within .kort-pil .ik,.bana-m:hover .kort-pil .ik,.bana-m:focus-visible .kort-pil .ik{transform:translateX(3px)}
.kort.klickkort{transition:border-color .15s,box-shadow .2s}
.kort.klickkort:hover{border-color:var(--blak);box-shadow:0 6px 18px rgba(20,46,54,.08)}
.kortremsa{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:60px 17px;margin:0;padding:34px 24px 0;list-style:none}
.kortremsa::before{content:"";position:absolute;z-index:-1;grid-column:1/-1;grid-row:1/2;inset:-34px -24px;background-color:var(--natt);background-image:var(--hal),var(--hal);background-repeat:space no-repeat;background-size:26px 9px;background-position:center 10px,center calc(100% - 10px);border-radius:4px}
.kortremsa+.kortremsa{margin-top:56px}
.kortremsa-kort{grid-row:span 2;display:grid;grid-template-rows:subgrid}
.kortremsa-text{display:flex;flex-direction:column;gap:8px}
.kortremsa .remsa-ruta{transition:opacity .2s .08s}
.kortremsa .remsa-ruta img{transition:transform .4s}
.kortremsa .klickkort:hover .remsa-ruta{transition-delay:0s}
@media (hover:hover){
  .kortgrupp:has(.klickkort:hover) .klickkort:not(:hover) .remsa-ruta{opacity:.55;transition-delay:0s}
  .kortremsa .klickkort:hover .remsa-ruta img{transform:scale(1.03)}
}
.kortgrupp:has(.klickkort :focus-visible) .klickkort:not(:focus-within) .remsa-ruta{opacity:.55;transition-delay:0s}
@supports not (grid-template-rows:subgrid){.kortremsa::before{display:none}.kortremsa-kort{display:flex;flex-direction:column;gap:26px}}
.fler{display:flex;flex-direction:column;gap:14px}
.remsa-pn{grid-auto-flow:row;gap:16px;padding:34px 29px;background-image:var(--hal-v),var(--hal-v);background-repeat:no-repeat space;background-size:12px 22px;background-position:8px 0,calc(100% - 8px) 0}
.remsa-lank{position:relative;display:block;height:150px;border-radius:3px;overflow:hidden;text-decoration:none;color:var(--ben)}
.remsa-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.remsa-lank:hover .remsa-bild img,.bildlank:hover .bildlank-bild img{transform:scale(1.03)}
.remsa-tona{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,24,.92) 0%,rgba(10,20,24,.55) 45%,rgba(10,20,24,0) 75%)}
.remsa-text{position:absolute;left:16px;right:16px;bottom:14px;display:flex;flex-direction:column;gap:4px}
.remsa-etikett{font-size:clamp(0.9375rem, 0.9143rem + 0.09524vw, 1rem);font-weight:700;color:var(--mjuk)}
.remsa-namn{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:400;font-size:clamp(1.75rem, 1.471rem + 1.143vw, 2.5rem);line-height:1;letter-spacing:.01em}
.remsa-lank:focus-visible{outline:none}
.remsa-lank:focus-visible::after{content:"";position:absolute;inset:0;z-index:3;border:4px solid var(--mint);border-radius:3px;pointer-events:none}
@media (min-width:960px){
  .fler{gap:22px}
  .remsa-pn{grid-auto-flow:column;padding:34px 12px;background-image:var(--hal),var(--hal);background-repeat:space no-repeat;background-size:26px 9px;background-position:center 10px,center calc(100% - 10px)}
  .remsa-lank{height:250px}
  .remsa-text{left:24px;bottom:20px}
}
.skola{position:relative;background:var(--natt);color:var(--ben);overflow:hidden}
.skola-bild{position:relative;height:260px}
.skola-bild img{width:100%;height:100%;object-fit:cover;object-position:55% 40%!important}
.skola-tona{position:absolute;inset:0;background:linear-gradient(0deg,var(--natt) 0%,rgba(10,20,24,0) 45%)}
.skola-text{position:relative;padding:8px var(--sid) 48px;display:flex;flex-direction:column;gap:18px}
.h2-skola{font-size:clamp(2.125rem, 1.521rem + 2.476vw, 3.75rem);line-height:1}
.p-skola{font-size:clamp(1.125rem, 1.079rem + 0.1905vw, 1.25rem);line-height:1.6}
@media (min-width:960px){
  .skola{height:560px}
  .skola-bild{position:absolute;left:26.4%;top:0;right:0;height:100%}
  .skola-bild img{object-position:50% 40%!important}
  .skola-tona{background:linear-gradient(90deg,var(--natt) 0%,var(--natt) 1%,rgba(10,20,24,.7) 21%,rgba(10,20,24,0) 48%)}
  .skola-text{position:absolute;left:var(--sid);top:0;bottom:0;width:min(560px,50%);justify-content:center;gap:24px;padding:0}
}
.fot{background:var(--natt);color:var(--ben);border-top:1px solid rgba(242,238,230,.14);padding:44px var(--sid) 32px}
.fot-rutnat{display:flex;flex-direction:column;gap:28px}
.fot-logga{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-family:var(--fd);font-weight:400;font-size:1.625rem;line-height:1.1;letter-spacing:.01em}
.fot-logga-bild{width:96px;height:96px;border-radius:50%;object-fit:cover}
.fot-text{margin:0;font-size:1rem;line-height:1.55;color:var(--mjuk)}
.fot-h2{margin:0 0 4px;font-family:var(--fm);font-weight:400;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mjuk)}
.fot-kol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.fot-kol a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:.875rem;line-height:1.3;color:var(--ben);text-decoration:none;text-underline-offset:4px}
.fot-kol a:hover,.fot-kol a:focus-visible{text-decoration:underline}
.fot-botten{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:32px;color:var(--mjuk)}
.fot-botten .mono{font-size:.75rem}
.fot-doman{display:none}
@media (min-width:960px){
  .fot{padding:60px max(64px,calc(50% - 656px)) 36px}
  .fot-rutnat{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:48px}
  .fot-om{display:flex;flex-direction:column;gap:18px}
  .fot-logga{margin:0;gap:14px;font-size:2.125rem}
  .fot-logga-bild{width:120px;height:120px}
  .fot-logga span{white-space:nowrap}
  .fot-text{max-width:380px}
  .fot-botten{margin-top:44px;padding-top:20px;border-top:1px solid rgba(242,238,230,.14)}
  .fot-doman{display:inline}
}
@media (min-width:960px) and (max-width:1279.98px){.fot-logga{flex-direction:column;align-items:flex-start}}
@media (min-width:1280px) and (max-width:1359.98px){.stor-text .fot-logga{flex-direction:column;align-items:flex-start}}
.test{background:var(--natt);color:var(--ben);padding:0 0 48px;display:flex;flex-direction:column}
.test-fig{order:-1;margin:0}
.test-bild{position:relative;height:240px;overflow:hidden}
.test-bild img{width:100%;height:100%;object-fit:cover}
.test-text{padding:28px var(--sid) 0;display:flex;flex-direction:column;gap:20px}
.h2-test{font-size:clamp(2.5rem, 1.479rem + 4.19vw, 5.25rem);line-height:.95;letter-spacing:-.015em}
@media (min-width:1200px) and (max-width:1279.98px){.h2-test{font-size:min(clamp(2.5rem, 1.479rem + 4.19vw, 5.25rem),3.75rem)}.stor-text .h2-test{font-size:3.4rem}}
.test-rad{display:flex;align-items:center;gap:clamp(18px, 14.29px + 0.9524vw, 28px)}
.p-test{margin:0;font-size:clamp(1.188rem, 1.118rem + 0.2857vw, 1.375rem);line-height:1.55;max-width:clamp(220px, 175.43px + 11.43vw, 340px)}
.test-spindel{width:clamp(96px, 87.09px + 2.286vw, 120px);height:auto;flex-shrink:0}
@media (min-width:960px){
  .test{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,72px);align-items:center;padding:80px var(--sid)}
  .test-fig{order:0;display:flex;flex-direction:column;gap:12px}
  .test-bild{height:auto;aspect-ratio:640/370;border-radius:3px}
  .test-text{padding:0;gap:26px}
}
.intro-start .knapprad{margin-top:4px}
.start-tallrik{background:var(--petrol);color:var(--ben);padding:48px var(--sid) 56px;display:flex;flex-direction:column;gap:26px}
.start-tallrik-text{display:flex;flex-direction:column;gap:22px}
.p-start{font-size:clamp(1.125rem, 1.055rem + 0.2857vw, 1.312rem)}
.bit-yta{min-height:44px}
.bit-tips{margin:0;display:flex;align-items:center;gap:12px;font-size:1.125rem;font-weight:700;min-height:44px}
.bitkort{display:flex;flex-direction:column;gap:12px;padding:22px 24px;background:var(--vit);color:var(--blak);border-radius:4px;max-width:420px}
.bitkort-namn{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:400;font-size:2rem;line-height:1.05;letter-spacing:.01em}
.bitkort-def{margin:0;font-size:1.125rem;line-height:1.55}
.tallrik-i{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:8px}
.tallrik-yta{position:relative;width:300px;max-width:100%}
.tallrik-svg{width:100%;height:auto;overflow:visible}
.tallrik-knappar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:560px}
.bit-knapp{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;background:rgba(10,20,24,.55);color:var(--ben);border:2px solid rgba(242,238,230,.5);border-radius:999px;font-family:var(--fd);font-size:clamp(1.188rem, 1.141rem + 0.1905vw, 1.312rem);font-weight:400;letter-spacing:.02em;line-height:1;cursor:pointer;white-space:nowrap;text-align:left}
.kil{cursor:pointer}
@media (prefers-reduced-motion:no-preference){.kil{transition:opacity .2s}.bit-knapp{transition:border-color .2s,background-color .2s}}
[data-hover] .kil{opacity:.55}
[data-vald] .kil{opacity:.25}
[data-vald=motion] .kil-motion,[data-vald=somn] .kil-somn,[data-vald=hjarnvila] .kil-hjarnvila,[data-vald=relationer] .kil-relationer,
[data-vald=aktiviteter] .kil-aktiviteter,[data-vald=fokustid] .kil-fokustid,[data-vald=chilltid] .kil-chilltid,[data-vald=mat] .kil-mat,
[data-hover=motion] .kil-motion,[data-hover=somn] .kil-somn,[data-hover=hjarnvila] .kil-hjarnvila,[data-hover=relationer] .kil-relationer,
[data-hover=aktiviteter] .kil-aktiviteter,[data-hover=fokustid] .kil-fokustid,[data-hover=chilltid] .kil-chilltid,[data-hover=mat] .kil-mat{opacity:1}
[data-hover=motion] [data-bit=motion],[data-hover=somn] [data-bit=somn],[data-hover=hjarnvila] [data-bit=hjarnvila],[data-hover=relationer] [data-bit=relationer],
[data-hover=aktiviteter] [data-bit=aktiviteter],[data-hover=fokustid] [data-bit=fokustid],[data-hover=chilltid] [data-bit=chilltid],[data-hover=mat] [data-bit=mat]{border-color:var(--mint);background:rgba(212,240,240,.14)}
.bit-knapp[aria-pressed=true]{background:var(--mint);color:var(--natt);border-color:var(--mint)}
@media (max-width:1199.98px){.tallrik-svg-d{display:none}}
@media (min-width:768px) and (max-width:1199.98px){
  .start-tallrik{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:72px var(--sid)}
  .tallrik-yta{width:min(380px,100%)}
}
@media (min-width:1200px){
  .tallrik-svg-m{display:none}
  .start-tallrik{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:40px;align-items:center;padding:88px var(--sid)}
  .tallrik-i{position:relative;display:block;width:min(560px,100%);margin:30px auto;padding:0}
  .tallrik-yta{width:100%}
  .tallrik-knappar{position:absolute;inset:0;display:block;pointer-events:none}
  .bit-knapp{position:absolute;left:var(--x);top:var(--y);transform:translate(var(--tx),var(--ty));pointer-events:auto}
}
.bana-lista{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje)}
.bana-m{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--linje);text-decoration:none;color:var(--blak)}
.bana-m-bild{display:block;height:80px;border-radius:3px;overflow:hidden}
.bana-m-bild img{width:100%;height:100%;object-fit:cover}
.bana-m-text{display:flex;flex-direction:column;gap:4px;font-size:1rem;line-height:1.4}
.bana-m-titel{font-family:var(--fr);font-weight:700;font-size:1.3125rem;line-height:1.1}
.bana-m:hover .bana-m-titel{text-decoration:underline;text-underline-offset:4px}
.tumregler{background:var(--natt);color:var(--ben);padding:48px var(--sid) 52px}
.h2-tumregler{margin-bottom:clamp(32px, 27.54px + 1.143vw, 44px)}
.tumregel-lista{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.tumregel-lista li{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:1px solid rgba(242,238,230,.2)}
.tumregel-tal{margin:0;display:flex;align-items:baseline;gap:10px;font-family:var(--fd);font-weight:400;color:var(--mint);line-height:.85;letter-spacing:.01em}
.tumregel-siffra{font-size:clamp(5.25rem, 4.6rem + 2.667vw, 7rem)}
.tumregel-enhet{font-size:clamp(1.875rem, 1.736rem + 0.5714vw, 2.25rem)}
.tumregel-text{margin:0;font-size:clamp(1.188rem, 1.141rem + 0.1905vw, 1.312rem);line-height:1.45}
.tumregel-kalla{margin:0;font-size:.9375rem;color:var(--mjuk)}
@media (min-width:960px){.tumregler{padding:88px var(--sid)}.tumregel-lista{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.4vw,48px)}}
.modell-tallrik{background:var(--petrol);color:var(--ben);padding:48px var(--sid) 52px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;grid-template-areas:"h" "bild" "legend" "text"}
.modell-tallrik .h2{grid-area:h}
.mt-bild{grid-area:bild;display:flex;justify-content:center}
.mt-bild svg{width:340px;height:auto;overflow:visible}
.mt-legend{grid-area:legend;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.mt-legend li{display:flex}
.mt-legend a{display:flex;align-items:center;gap:8px;min-height:44px;font-family:var(--fd);font-weight:400;letter-spacing:.02em;font-size:1.375rem;line-height:1;white-space:nowrap;color:var(--ben);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.mt-legend a:hover{text-decoration-thickness:2px}
.mt-lank{cursor:pointer}
.mt-lank:focus{outline:none}
.mt-kontur{stroke:transparent;stroke-width:4}
.mt-lank:focus-visible .mt-kontur{stroke:var(--mint)}
.mt-lank text{transition:fill .2s}
.mt-lank:hover>text,.mt-lank:focus-visible>text{text-decoration:underline;text-underline-offset:5px}
@media (prefers-reduced-motion:no-preference){.mt-kil{transition:opacity .2s}}
.mt-kontur{pointer-events:all}
.mt-bild svg:has(.mt-lank:hover) .mt-lank:not(:hover) .mt-kil,
.mt-bild svg:has(.mt-lank:focus-visible) .mt-lank:not(:focus-visible) .mt-kil{opacity:.55}
.mt-lank:hover .mt-kontur{stroke:rgba(242,238,230,.55)}
.mt-text{grid-area:text;margin:0;font-size:1.125rem;line-height:1.6;color:#E3E7E4;text-wrap:pretty}
@media (min-width:960px){
  .modell-tallrik{padding:80px var(--sid) 88px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". bild" "h bild" "text bild" ". bild";column-gap:20px;row-gap:26px}
  .mt-bild{align-self:center;padding:0 clamp(0px,4vw,70px)}
  .mt-bild svg{width:640px}
}
.sek-behov{padding:48px var(--sid) 20px}
.behov-huvud{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
@media (min-width:960px){
  .sek-behov{padding:88px var(--sid) 92px}
  .behov-huvud{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5.5vw,80px);align-items:end;margin-bottom:44px}
  .behov-huvud .h2{line-height:.95}
}
.behov-m{margin:0;padding:0;list-style:none}
.behov-m .ruttext{padding:20px 0 34px}
.ruttext{display:flex;flex-direction:column;gap:10px}
.ruttext-h{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:400;font-size:clamp(1.75rem, 1.704rem + 0.1905vw, 1.875rem);line-height:1.05;letter-spacing:.01em}
.p-ruta{margin:0;font-size:1.0625rem;line-height:1.5;text-wrap:pretty}
.ruttext-fraga{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.sek-balans{padding:48px var(--sid) 52px}
.bal-rutnat{display:flex;flex-direction:column;gap:20px}
.bal-text{display:flex;flex-direction:column;gap:20px}
.p-bal{font-size:clamp(1.125rem, 1.102rem + 0.09524vw, 1.188rem);line-height:1.7}
.bal-tips{background:var(--natt);color:var(--ben);border-radius:4px;padding:24px 22px;display:flex;flex-direction:column;gap:12px}
.h3-tips{font-size:clamp(1.625rem, 1.439rem + 0.7619vw, 2.125rem);line-height:1.05;letter-spacing:-.01em}
.bal-bilder{display:flex;flex-direction:column;gap:18px;margin-top:28px}
.bal-fig{margin:0;display:flex;flex-direction:column;gap:8px}
.bal-bild{height:200px;border-radius:3px;overflow:hidden;background:#000}
.bal-bild img{width:100%;height:100%;object-fit:cover}
.bal-fig figcaption{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:400;font-size:clamp(1.375rem, 1.282rem + 0.381vw, 1.625rem);line-height:1;letter-spacing:.01em}
.bal-pil{color:var(--dampad)}
.bal-fraga{margin:28px 0 0;font-size:clamp(1.25rem, 1.157rem + 0.381vw, 1.5rem);font-weight:700}
@media (min-width:960px){
  .sek-balans{padding:80px var(--sid) 92px;border-top:1px solid var(--linje)}
  .bal-rutnat{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(40px,6vw,88px)}
  .bal-text{gap:24px}
  .bal-tips{align-self:end;padding:32px 32px 34px;gap:16px}
  .bal-bilder{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:18px;align-items:start;margin-top:56px}
  .bal-bild{height:190px}
  .bal-fig{gap:12px}
  .bal-pil{margin-top:104px}
  .bal-fraga{margin-top:36px}
}
.mat-rutnat{display:flex;flex-direction:column;gap:18px}
.mat-text{display:flex;flex-direction:column;gap:18px}
.mat-fig{margin:6px 0 0;display:flex;flex-direction:column;gap:8px}
.mat-bild{height:clamp(210px, 176.57px + 8.571vw, 300px);border-radius:3px;overflow:hidden;background:#000}
.mat-bild img{width:100%;height:100%;object-fit:cover}
@media (min-width:960px){
  .sek-mat{padding:80px var(--sid)}
  .mat-rutnat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5.5vw,80px);align-items:center}
  .mat-text{gap:22px}
  .mat-fig{margin:0;gap:10px}
}
.forsk-kort{background:var(--natt);color:var(--ben);padding:48px var(--sid) 52px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;grid-template-areas:"text" "lista" "knapp"}
.fk-text{grid-area:text;display:flex;flex-direction:column;gap:18px}
.fk-lista{grid-area:lista;margin:0;border-bottom:1px solid var(--linje-mork)}
.fk-lista div{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-top:1px solid var(--linje-mork)}
.fk-lista dt{font-family:var(--fm);font-size:clamp(0.75rem, 0.7268rem + 0.09524vw, 0.8125rem);letter-spacing:.12em;text-transform:uppercase;color:var(--mjuk)}
.fk-lista dd{margin:0;font-family:var(--fb);font-weight:600;font-size:clamp(1.125rem, 1.079rem + 0.1905vw, 1.25rem);line-height:1.4}
.fk-lista dd+dd{margin-top:8px}
.fk-knapp{grid-area:knapp}
@media (min-width:960px){
  .forsk-kort{padding:80px var(--sid) 88px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-rows:auto 1fr;grid-template-areas:"text lista" "knapp lista";column-gap:clamp(40px,5.5vw,80px);row-gap:30px;align-items:start}
  .fk-text{gap:22px}
}
.citat-rutnat{display:flex;flex-direction:column;gap:20px}
.stort-citat{margin:0}
.stort-citat p{margin:0;font-family:var(--fr);font-weight:700;font-size:clamp(2rem, 1.629rem + 1.524vw, 3rem);line-height:1.05;letter-spacing:-.01em}
@media (min-width:960px){.citat-rutnat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(40px,5.5vw,80px);align-items:start}.citat-rutnat .tva-inre{max-width:760px}}
.kallor{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje)}
.kallor li{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0;border-top:1px solid var(--linje)}
.kalla-vem{font-family:var(--fm);font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dampad);padding-top:3px}
.kalla-ref{font-size:clamp(1.062rem, 1.039rem + 0.09524vw, 1.125rem);line-height:1.55}
@container (min-width:640px){.kallor li{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:28px}}
.tre-satt{display:flex;flex-direction:column;gap:clamp(22px, 16.80px + 1.333vw, 36px);container-type:inline-size}
.tre-satt .h2{margin-bottom:clamp(18px, 16.51px + 0.381vw, 22px)}
.tid-fakta{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 18px;padding:18px 0 4px;border-top:1px solid var(--linje)}
.tid-fakta-tal{margin:0;display:flex;align-items:baseline;gap:10px;font-family:var(--fd);font-weight:400;line-height:.85;white-space:nowrap;letter-spacing:.01em}
.tid-fakta-siffra{font-size:clamp(4.5rem, 3.943rem + 2.286vw, 6rem)}
.tid-fakta-enhet{font-size:clamp(1.625rem, 1.486rem + 0.5714vw, 2rem)}
.tid-fakta-text{margin:0 0 6px;font-size:clamp(1.062rem, 1.016rem + 0.1905vw, 1.188rem);line-height:1.45;max-width:420px}
.dygn{background:var(--natt);color:var(--ben);padding:48px var(--sid) 52px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;grid-template-areas:"h" "ring" "ctrl" "lista" "mening"}
.dygn-text{display:contents}
.dygn .h2{grid-area:h}
.dygn-ring{grid-area:ring;display:flex;justify-content:center}
.ring{position:relative;width:300px;max-width:100%;aspect-ratio:1}
.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring-svg circle{transition:stroke-dasharray .3s}
.ring-mitt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}
.ring-24{font-family:var(--fd);font-weight:400;font-size:clamp(3.375rem, 3.05rem + 1.333vw, 4.25rem);line-height:.9;letter-spacing:.01em}
.ring-dygn{font-size:1rem;color:var(--mjuk)}
.ring-styr{grid-area:ctrl;display:flex;flex-direction:column;gap:12px}
.ring-lista{grid-area:lista;margin:0;padding:0;list-style:none;border-bottom:1px solid rgba(242,238,230,.18)}
.ring-lista li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(242,238,230,.18);font-size:1.0625rem;line-height:1.4}
.ring-ruta{width:16px;height:16px;border-radius:3px}
.ring-varde{font-family:var(--fd);font-weight:400;font-size:1.375rem;letter-spacing:.01em}
.ring-mening{grid-area:mening;margin:0;font-size:clamp(1.125rem, 1.079rem + 0.1905vw, 1.25rem);line-height:1.55}
@media (min-width:960px){
  .dygn{padding:88px var(--sid);grid-template-columns:minmax(0,380px) minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"ring h" "ring ctrl" "ring lista" "ring mening";column-gap:clamp(40px,6vw,96px)}
  .dygn-ring{align-self:center}
  .ring{width:380px}
}
.regler{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje)}
.regler li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--linje)}
.regel-vem{font-size:1.125rem;font-weight:700}
.regel-tid{font-family:var(--fd);font-weight:400;font-size:clamp(1.625rem, 1.532rem + 0.381vw, 1.875rem);line-height:1;letter-spacing:.01em}
.regel-text{display:none;font-size:1.0625rem;color:var(--dampad)}
@container (min-width:600px){.regler li{grid-template-columns:44px 180px 160px minmax(0,1fr)}.regel-text{display:block}}
.regel-figur{width:44px;height:44px;color:var(--blak)}
@media (max-width:959.98px){.tva-flode .tva-vanster,.tva-flode .tva-inre{display:contents}.tva-flode .telefon-yta{order:1}.tva-flode .flode-klar-yta{order:2}.tva-flode .flode-kalla{order:3}}
.flode-klar-yta{display:flex;flex-direction:column;gap:14px}
.flode-klar-yta:not(:has(:not([hidden]))){display:none}
.flode-kalla{display:flex;flex-direction:column;gap:clamp(18px, 16.51px + 0.381vw, 22px)}
.telefon-yta{display:flex;justify-content:center}
@media (min-width:960px){.telefon-yta{justify-content:flex-start}}
.flode-text{display:flex;flex-direction:column;gap:14px}
.flode-klar{padding:14px 16px;border-left:4px solid var(--relationer-t,#397571);background:var(--papper);border-radius:0 4px 4px 0}
.telefon{position:relative;width:100%;max-width:330px;padding:12px 10px 14px;border-radius:30px;background:var(--natt);color:var(--ben);box-shadow:0 20px 50px rgba(10,20,24,.25),inset 0 0 0 2px rgba(242,238,230,.12)}
.telefon-topp{display:flex;justify-content:space-between;align-items:center;padding:6px 12px 12px;font-family:var(--fm);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mjuk)}
.flode{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.post{border-radius:14px;overflow:hidden}
.post-neg{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px}
.post-neg{background:#1C2A2F;box-shadow:inset 3px 0 0 var(--fett)}
.post-kvitto{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border:1px dashed rgba(242,238,230,.3);border-radius:14px;font-size:.875rem;line-height:1.4;color:var(--mjuk);animation:post-in .3s ease-out}
.post-kvitto .ik{margin-top:2px;color:var(--mint)}
.post-kvitto strong{color:var(--ben)}
.post-kvitto[hidden]{display:none}
.post-neg[hidden]{display:none}
@keyframes post-in{from{opacity:0;transform:scale(.98)}}
.post p{margin:0}
.post-kat{flex-basis:100%;font-family:var(--fm);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:#F4A99A}
.post-topp{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.post-fran{display:flex;align-items:center;gap:8px;min-width:0;font-size:.875rem;font-weight:700;color:var(--mjuk)}
.post-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#4B6168,#2A3D43);flex-shrink:0}
.post-text{font-size:1rem;line-height:1.4}
.post-knapp{align-self:flex-start;display:inline-flex;text-align:left;align-items:center;gap:8px;min-height:44px;margin-top:2px;padding:0 14px;border:2px solid rgba(242,238,230,.5);border-radius:999px;background:transparent;color:var(--ben);font:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background-color .15s,border-color .15s}
.post-knapp:hover{background:rgba(242,238,230,.1);border-color:var(--ben)}
.telefon :focus-visible{outline-color:var(--mint)}
.tva-vanster{display:flex;flex-direction:column;gap:clamp(18px, 14.29px + 0.9524vw, 28px)}
.tva-fig{margin:0;display:flex;flex-direction:column;gap:8px}
.tva-bild{position:relative;aspect-ratio:4/3;border-radius:3px;overflow:hidden}
.tva-bild img{width:100%;height:100%;object-fit:cover}
.horn-liten{--hi:12px;--hl:22px}
.rad-inre{display:flex;flex-direction:column;gap:14px;min-width:0}
.pm-par{display:grid;gap:14px}
@container (min-width:640px){.pm-par{grid-template-columns:1fr 1fr;gap:20px}}
.pm{padding:14px 16px;border-radius:4px;background:var(--vit);border:1px solid var(--linje)}
.pm-rubrik{margin:0 0 8px;font-weight:700;font-size:1rem;line-height:1.4}
.pm-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.pm-lista li{display:flex;gap:10px;align-items:baseline;font-size:1rem;line-height:1.45}
.pm-tecken{display:inline-grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;font-weight:700;line-height:1;color:#fff;transform:translateY(3px)}
.pm-bra .pm-tecken{background:#2F6B55}
.pm-risk .pm-tecken{background:#A13F2C}
.p-knep{padding:14px 16px;border-left:4px solid var(--blak);background:var(--papper2);border-radius:0 4px 4px 0}
.radlista-ik .rad-rubrik{align-items:center;align-self:start;gap:12px}
.rad-ik{flex-shrink:0;color:var(--dampad)}
.kort-ikon{color:var(--dampad)}
.tl .ik{transition:transform .2s}
.tl:hover .ik,.klickkort:hover .kort-lank .ik{transform:translateX(3px)}
.tl[href^="http"]:hover .ik{transform:translate(2px,-2px)}
.bildlankar{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:960px){.bildlankar{grid-template-columns:repeat(2,minmax(0,1fr))}.bildlankar-1{grid-template-columns:minmax(0,1fr)}}
.bildlank{position:relative;display:block;height:clamp(220px, 190.29px + 7.619vw, 300px);border-radius:3px;overflow:hidden;text-decoration:none;color:var(--ben)}
.bildlank-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bildlank-tona{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,24,.92) 0%,rgba(10,20,24,.5) 45%,rgba(10,20,24,0) 75%)}
.bildlank-text{position:absolute;left:clamp(18px, 14.29px + 0.9524vw, 28px);right:18px;bottom:clamp(16px, 13.03px + 0.7619vw, 24px);display:flex;flex-direction:column;gap:6px}
.bildlank-sub{font-size:1rem;font-weight:700;color:var(--mjuk)}
.bildlank-titel{display:flex;align-items:center;gap:12px;font-family:var(--fr);font-weight:700;font-size:clamp(1.625rem, 1.393rem + 0.9524vw, 2.25rem);line-height:1.05;letter-spacing:-.01em}
.flikar ul{display:inline-flex;flex-wrap:wrap;gap:4px;margin:0;padding:4px;list-style:none;border:2px solid rgba(242,238,230,.5);border-radius:28px}
.flik{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;font-size:1rem;font-weight:700;text-decoration:none;color:var(--ben)}
.flik:hover{background:rgba(242,238,230,.1)}
.flik[aria-current=page]{background:var(--mint);color:var(--natt)}
.tipslista{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje)}
.tipslista>li{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:clamp(22px, 18.29px + 0.9524vw, 32px) 0;border-top:1px solid var(--linje)}
.tips-nr{font-family:var(--fd);font-weight:400;font-size:clamp(3rem, 2.443rem + 2.286vw, 4.5rem);line-height:.85;letter-spacing:.01em}
.tips-inre{display:flex;flex-direction:column;gap:12px;max-width:820px;container-type:inline-size}
.tips-inre-16{gap:16px}
.tipslista-fragor>li{gap:10px;padding:clamp(22px, 19.03px + 0.7619vw, 30px) 0}
@media (min-width:960px){.tipslista>li,.tipslista-fragor>li{grid-template-columns:100px minmax(0,1fr);gap:24px}}
.fraga-text{margin:0;font-size:clamp(1.188rem, 1.141rem + 0.1905vw, 1.312rem);line-height:1.5;font-weight:700}
.punkter{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.punkter li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;line-height:1.6}
.punkt{width:8px;height:8px;margin-top:11px;border-radius:50%;background:var(--blak)}
.diskussion{display:flex;flex-direction:column;gap:clamp(16px, 14.51px + 0.381vw, 20px);margin:0}
.diskussion .tipslista{margin:12px 0 8px}
.fb-tips{display:flex;flex-direction:column;gap:clamp(14px, 12.51px + 0.381vw, 18px)}
.fb-lista{margin-top:10px}
.lankrad{display:flex;flex-wrap:wrap;gap:4px 28px}
.fp-rubrik{display:flex;align-items:center;gap:14px}
.fp-rubrik .h2-namn{font-size:clamp(2.5rem, 2.221rem + 1.143vw, 3.25rem)}
.fp-slut{display:flex;flex-direction:column;gap:20px;max-width:640px}
.sek-kort+.sek-fortsatt{padding-top:0}
.fp-slut .knapprad{margin-top:4px}
.somn-ex{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.somn-ex-lista{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:600px){.somn-ex-lista{grid-template-columns:repeat(4,minmax(0,1fr))}}
.somn-ex-lista li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--papper2);border-radius:4px}
.somn-ex-etikett{font-size:.9375rem;font-weight:700;color:var(--dampad)}
.somn-ex-varde{font-family:var(--fd);font-weight:400;font-size:clamp(1.625rem, 1.439rem + 0.7619vw, 2.125rem);line-height:1;letter-spacing:.01em}
.alla-andra{position:relative;background:var(--natt);color:var(--ben)}
.aa-bild{position:relative;height:300px;overflow:hidden}
.aa-bild img{width:100%;height:100%;object-fit:cover}
.aa-tona{display:none}
.aa-text{padding:20px var(--sid) 40px;display:flex;flex-direction:column;gap:10px}
.aa-citat{position:absolute;left:var(--sid);right:var(--sid);top:282px;transform:translateY(-100%);margin:0;font-size:1.5rem;font-weight:700}
.aa-p{margin:0;font-size:clamp(1.188rem, 1.141rem + 0.1905vw, 1.312rem);line-height:1.5}
@media (min-width:960px){
  .alla-andra{height:440px;overflow:hidden}
  .aa-bild{position:absolute;inset:0;height:auto}
  .aa-tona{display:block;position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,24,.85) 0%,rgba(10,20,24,0) 45%)}
  .aa-text{position:absolute;left:var(--sid);right:var(--sid);bottom:70px;padding:0;gap:14px}
  .aa-citat{position:static;transform:none;font-size:2.5rem}
  .aa-p{max-width:620px}
}
.test-rutnat{display:flex;flex-direction:column;gap:36px}
.app-ram{max-width:632px;background:var(--vit);border:1px solid var(--linje);border-radius:4px;padding:clamp(4px, -0.46px + 1.143vw, 16px)}
.app-ram iframe{display:block;width:100%;height:900px;border:0;background:var(--vit)}
.test-rutnat.visar-resultat{display:flex;flex-direction:column}
.visar-resultat .app-ram{max-width:1100px;width:100%}
@media (min-width:1200px){.test-rutnat{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:clamp(40px,5.5vw,80px);align-items:start}}
.sa-funkar{display:flex;flex-direction:column;gap:18px}
.steglista{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--linje)}
.steglista li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--linje)}
.steg-nr{font-family:var(--fd);font-weight:400;font-size:2.5rem;line-height:.9;letter-spacing:.01em}
.steg-inre{display:flex;flex-direction:column;gap:4px}
.enkel{background:var(--natt);color:var(--ben);padding:clamp(48px, 30.17px + 4.571vw, 96px) var(--sid) clamp(32px, 23.09px + 2.286vw, 56px)}
.h1-enkel{--h1:clamp(2.75rem, 1.821rem + 3.81vw, 5.25rem)}
.enkel-text{display:flex;flex-direction:column;gap:18px;max-width:760px}
.enkel-text .h2{margin-top:18px}
@media (min-width:1200px){
  .test{grid-template-columns:minmax(0,1fr) minmax(0,640px)}
  .samtal,.plan{grid-template-columns:minmax(0,440px) minmax(0,1fr)}
  .rakna-rutnat{grid-template-columns:minmax(0,420px) minmax(0,1fr)}
  .fakta,.mat-rutnat{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
  .forsk-kort{grid-template-columns:minmax(0,420px) minmax(0,1fr)}
  .fk-lista div{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:0 24px;align-items:baseline}
  .fk-lista dd{grid-column:2}
  .bal-rutnat{grid-template-columns:minmax(0,1fr) minmax(0,420px)}
  .citat-rutnat{grid-template-columns:minmax(0,420px) minmax(0,1fr)}
  .behov-huvud{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
  .modell-tallrik{grid-template-columns:minmax(0,520px) minmax(0,1fr)}
}
@media (min-width:960px) and (max-width:1279.98px){
  .modell-tallrik{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mt-bild{padding:0}
}
@media (max-width:389.98px){
  .h2{font-size:8.7vw}
  .h2-test{font-size:10.2vw}
  .h2-namn{font-size:min(44px,13vw)}
  .bana-m{grid-template-columns:88px minmax(0,1fr)}
  .bildlank-titel{font-size:7.2vw}
  .meny-a{font-size:7vw}
  .h3-tips-nr{font-size:7vw}
  .somn-ex-varde{font-size:7vw}
  .somn-ex-lista li{padding:12px 10px}
}
@media (min-width:960px) and (max-width:1199.98px){.plan .h2{font-size:min(clamp(2.125rem, 1.707rem + 1.714vw, 3.25rem),4.25vw)}}
.hjalte-langa-ord .h1{font-size:min(var(--h1),11vw)}
.hog-kontrast{--mjuk:#FFFFFF;--dampad:#1A1A1A;--linje:#3A3A3A;--linje-mork:rgba(255,255,255,.6);--blak:#000000}
.hog-kontrast body,.hog-kontrast .mork,.hog-kontrast .topp,.hog-kontrast .fot,.hog-kontrast .hjalte,.hog-kontrast .intro,.hog-kontrast .meny{background-color:#000}
.hog-kontrast .start-tallrik,.hog-kontrast .modell-tallrik{background:#000}
.hog-kontrast .bg-papper,.hog-kontrast .bg-papper2,.hog-kontrast .bg-vit,.hog-kontrast .panel,.hog-kontrast .klarsprak-ruta{background:#FFFFFF;color:#000}
.hog-kontrast .mork,.hog-kontrast .p-ljus,.hog-kontrast .mt-text{color:#FFFFFF}
.hog-kontrast .kort-lank,.hog-kontrast .kort-pil{opacity:1}
.hog-kontrast .korn::after{display:none}
.hog-kontrast .skola{background:#000}
.hog-kontrast .skola-tona{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 45%)}
@media (min-width:960px){.hog-kontrast .skola-tona{background:linear-gradient(90deg,#000 0%,#000 1%,rgba(0,0,0,.7) 21%,rgba(0,0,0,0) 48%)}}
.hog-kontrast .hjalte-tona{background:linear-gradient(0deg,#000 0%,#000 38%,rgba(0,0,0,.75) 60%,rgba(0,0,0,.35) 100%)}
.hog-kontrast .kort,.hog-kontrast .plan-kort,.hog-kontrast .extkort{border-color:#000;border-width:2px}
.hog-kontrast a:not(.kn):not(.flik):not(.logga):not(.bana-m):not(.bildlank):not(.extkort){text-decoration:underline;text-underline-offset:4px}
.hog-kontrast .bana-m-titel,.hog-kontrast .bildlank-titel,.hog-kontrast .extkort-titel{text-decoration:underline;text-underline-offset:4px}
.hog-kontrast .vk-knapp,.hog-kontrast .bit-knapp,.hog-kontrast .meny-bit,.hog-kontrast .flikar ul{border-color:#FFFFFF}
.hog-kontrast .kn-mint,.hog-kontrast .topp-meny{background:#FFFFFF;border-color:#FFFFFF;color:#000}
.hog-kontrast .tb{color:#000;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.hog-kontrast .bal-tips{background:#000;color:#FFFFFF}
.hog-kontrast .somn-ex-lista li{background:#FFFFFF;border:2px solid #000}
.hog-kontrast :focus-visible{outline-width:4px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.falt-varde{display:none}
@media print{
  @page{margin:16mm}
  html,body{background:#fff!important;color:#000!important;font-size:11pt}
  .topp,.fot,.skola,.test,.fler,.verktyg,.toc,dialog,.skip,.knapprad,.las-not,.sparat,.fp-tom,.egen-bort,.egen-ny,.pdf-ruta,[data-somn-till-plan],.hjalte-bild,.hjalte-tona,.horn,.kredit,.hjalte-rand,.flikar,.bildlankar,iframe{display:none!important}
  .mork,.sek,.intro,.hjalte,.fakta,.rakna,.dygn,.tumregler,.start-tallrik,.modell-tallrik,.forsk-kort,.alla-andra,.enkel{background:#fff!important;color:#000!important;padding:0 0 12pt!important;height:auto!important}
  .korn::after{display:none!important}
  .hjalte-text,.aa-text,.aa-citat{position:static!important;transform:none!important}
  .h1,.hjalte-langa-ord .h1{color:#000;font-size:24pt}
  .h2{font-size:18pt}
  .fp-rubrik .h2-namn{font-size:20pt}
  .stort-citat p{font-size:18pt}
  .h3{font-size:13pt}
  h2,h3,.h2,.h3{break-after:avoid}
  .kallor li,.fk-lista div{break-inside:avoid}
  .flode-h3{margin-top:12pt}
  .punkt{border:4px solid #000}
  .tb-ruta{display:none}
  .steg-knapp,.post-knapp,[data-flode-intro]{display:none!important}
  .telefon{break-inside:avoid}
  .falt input[type=text]{display:none}
  .falt-varde{display:block;min-height:1.9em;padding:4pt 6pt;border:1px solid #000;white-space:pre-wrap;overflow-wrap:anywhere}
  .p-ljus,.mt-text,.h2-ljus,.h3-ljus{color:#000!important}
  a{text-decoration:underline}
  .plan,.samtal,.tva{display:block!important}
  .plan-kort{border:0;padding:0}
  .plan-text{margin-bottom:10pt}
  .falt{break-inside:avoid;margin-bottom:8pt}
  .falt input,.falt textarea{border:1px solid #000;min-height:0;padding:4pt 6pt;background:#fff;resize:none;overflow:visible}
  .kryssruta{min-height:0}
  .tipslista>li{break-inside:avoid}
  main *{color:#000!important;border-color:#000}
  .resultat,.val-knapp,.steg-knapp,.bitkort{background:#fff!important}
  *:focus,*:focus-visible{outline:none!important}
  .fp-del .tva-vanster .tl,.fp-slut{display:none!important}
  body.skriv-del main>*:not(.skrivs-ut):not(.hjalte){display:none!important}
  body.skriv-del .hjalte{margin-bottom:12pt}
}