/* ============================================================
   SPOTPRISARKIVET v3 — klasser: sa
   ============================================================ */
.sa{background:var(--papir)}
.sa__in{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3.2vw,48px)}
.sa__eb{margin:0 0 14px;font-size:13px;font-weight:500;color:var(--text-3)}
.sa__h{margin:0;font-size:clamp(40px,6vw,88px);line-height:.98;letter-spacing:-.045em;font-weight:700}
.sa__h span,.sa__h2 span{display:block;color:var(--text-3)}
.sa__h2{margin:0;font-size:clamp(34px,4.6vw,64px);line-height:1;letter-spacing:-.04em;font-weight:700}
.sa__h3{margin:0;font-size:clamp(22px,2vw,28px);letter-spacing:-.03em}
.sa__lede{margin:20px auto 0;max-width:640px;font-size:clamp(17px,1.45vw,20px);line-height:1.55;color:var(--text-2)}
.sa__helt{padding:clamp(48px,calc(8 * var(--vh,1vh)),104px) 0 clamp(28px,calc(4 * var(--vh,1vh)),44px);text-align:center;background:linear-gradient(180deg,var(--hvid) 0%,var(--papir) 100%)}
.sa__helt .sa__eb,.sa__h,.sa__helt .sa__lede,.sa__styr{animation:saOp .9s var(--ease-out) both}
.sa__h{animation-delay:.1s}.sa__helt .sa__lede{animation-delay:.25s}.sa__styr{animation-delay:.35s}
@keyframes saOp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.sa__styr{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:30px}
.sa__seg{display:flex;background:var(--flade);border-radius:999px;padding:4px}
.sa__seg button{all:unset;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-2);padding:9px 15px;border-radius:999px;transition:background .25s,color .25s,box-shadow .25s}
.sa__seg button[aria-pressed="true"]{background:#fff;color:var(--text-1);box-shadow:0 1px 2px rgba(21,23,22,.12),0 3px 10px -6px rgba(21,23,22,.3)}
.sa__seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sa__moms{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;font:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;cursor:pointer}
.sa__moms i{width:28px;height:16px;border-radius:999px;background:var(--flade-2);position:relative;transition:background .25s}
.sa__moms i::after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .3s var(--ease-spring)}
.sa__moms[aria-pressed="true"] i{background:var(--accent)}
.sa__moms[aria-pressed="true"] i::after{transform:translateX(12px)}
.sa__moms:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sa__status{text-align:center;color:var(--text-3);font-size:14px;margin:24px 0}
#saIndhold{transition:opacity .4s}
#saIndhold.henter{opacity:.35;pointer-events:none}

/* nøgletal */
.sa__kpi{padding:clamp(16px,calc(3 * var(--vh,1vh)),32px) 0 0}
.sa__kpiG{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:12px}
.sa__k{background:#fff;border-radius:24px;padding:22px 22px 20px;display:flex;flex-direction:column}
.sa__k span{font-size:12.5px;color:var(--text-3)}
.sa__k b{margin-top:8px;font-size:clamp(26px,2.4vw,34px);letter-spacing:-.04em;line-height:1;font-variant-numeric:lining-nums proportional-nums}
.sa__k b i{font-style:normal}
.sa__k small{margin-top:auto;padding-top:8px;font-size:12.5px;color:var(--text-3)}
.sa__k--stor b{font-size:clamp(44px,4.6vw,64px)}
.sa__k--dig b{color:var(--dig-ink)}
.sa__kLH{display:flex;flex-direction:column;gap:4px;font-size:20px!important}
.sa__kLH em{font-style:normal}
.sa__kLH em:first-child::before{content:"↓ ";color:var(--pos-ink)}
.sa__kLH em:last-child::before{content:"↑ ";color:var(--neg-ink)}
.sa__sub{margin:12px auto 0;text-align:center;font-size:12.5px;color:var(--text-3)}

/* sektioner */
.sa__sek{padding:clamp(72px,calc(11 * var(--vh,1vh)),130px) 0}
.sa__sek--hvid{background:var(--hvid)}
.sa__hd{text-align:center;max-width:860px;margin:0 auto clamp(32px,calc(5 * var(--vh,1vh)),52px)}

/* fingeraftrykket */
.sa__finger{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}
.sa__fMnd{position:relative}
.sa__fMnd span{position:absolute;right:0;font-size:11.5px;color:var(--text-3);transform:translateY(-1px);white-space:nowrap}
.sa__fBoks{position:relative}
.sa__fBoks canvas{display:block;width:100%;border-radius:12px;cursor:crosshair}
.sa__fAkse{position:relative;height:22px;margin-top:6px}
.sa__fAkse span{position:absolute;font-size:11.5px;color:var(--text-3);transform:translateX(-0%)}
.sa__tip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .15s;background:var(--text-1);color:#fff;border-radius:10px;padding:7px 11px;font-size:13px;white-space:nowrap;text-align:center;box-shadow:var(--sh-2)}
.sa__tip.on{opacity:1}
.sa__tip span{display:block;font-size:11.5px;color:rgba(255,255,255,.66)}
.sa__fLeg{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0 0;font-size:12.5px;color:var(--text-2)}
.sa__fLeg>i{width:200px;height:10px;border-radius:999px}
.sa__neg{display:inline-flex;align-items:center;gap:6px;margin-left:14px}
.sa__neg i{width:10px;height:10px;border-radius:3px;background:rgb(63,122,74)}

/* kort */
.sa__kort{background:#fff;border-radius:28px;padding:clamp(22px,2.6vw,36px)}
.sa__kSub{margin:6px 0 18px;font-size:14px;color:var(--text-3)}
.sa__kInfo{margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--text-2)}
.sa__kInfo b{color:var(--text-1)}
.sa__kurve{width:100%;height:280px;display:block;overflow:visible}
.sa__gl{stroke:var(--line-soft);stroke-width:1}
.sa__nul{stroke:rgb(63,122,74);stroke-width:1.2;stroke-dasharray:4 4}
.sa__kt{font-size:11px;fill:var(--text-3)}
.sa__baand{fill:rgba(232,100,27,.12)}
.sa__linje{fill:none;stroke:var(--text-1);stroke-width:1.8;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.sa__kurve.tegn .sa__linje{animation:saTegn 1.4s var(--ease-out)}
@keyframes saTegn{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.sa__km{opacity:0;pointer-events:none}
.sa__km line{stroke:var(--text-1);stroke-width:1;stroke-dasharray:2 3}
.sa__km circle{fill:#fff;stroke:var(--dig);stroke-width:2.5}
.sa__to{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin-top:12px}
.sa__rytme{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;align-items:end;height:200px}
.sa__rytme button{all:unset;height:100%;display:flex;flex-direction:column;justify-content:flex-end;cursor:default}
.sa__rytme i{display:block;height:var(--h);border-radius:5px 5px 2px 2px;background:#d9dbd6;transition:height .7s cubic-bezier(.3,1.2,.4,1)}
.sa__rytme .min i{background:var(--dig)}
.sa__rytme .max i{background:var(--text-1)}
.sa__rytme small{height:16px;margin-top:6px;font-size:10.5px;color:var(--text-3);text-align:center}
.sa__mnd{list-style:none;margin:0;padding:0;max-height:300px;overflow:auto;display:grid;gap:2px}
.sa__mnd li{display:grid;grid-template-columns:80px 1fr 56px;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:14px}
.sa__mnd li i{height:8px;border-radius:999px;background:var(--flade);overflow:hidden}
.sa__mnd li em{display:block;height:100%;border-radius:999px;background:var(--text-1);opacity:.75}
.sa__mnd li b{text-align:right;font-variant-numeric:lining-nums proportional-nums}
.sa__mnd li small{grid-column:2/4;font-size:11.5px;color:var(--text-3)}

/* faq + cta */
.sa__faq{max-width:820px;margin:0 auto}
.sa__faqH{margin:0 0 16px;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em;text-align:center}
.sa__faq details{border-bottom:1px solid var(--line)}
.sa__faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:17px;font-weight:600;border-radius:8px}
.sa__faq summary::-webkit-details-marker{display:none}
.sa__faq summary::after{content:"+";font-size:22px;font-weight:400;color:var(--text-3);transition:transform .3s var(--ease-out)}
.sa__faq details[open] summary::after{transform:rotate(45deg)}
.sa__faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sa__faq details p{margin:0 4px 22px;font-size:16px;line-height:1.65;color:var(--text-2);max-width:68ch}
.sa__cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:clamp(48px,calc(7 * var(--vh,1vh)),72px) auto 0;max-width:1000px;padding:24px 28px;border-radius:28px;background:var(--papir)}
.sa__cta p{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em}
.sa__cta div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sa__cta .btn{border-radius:999px;padding:12px 24px}
.sa__cta .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sa__lnk{font-weight:600;color:var(--accent-ink)}
.sa__kilde{max-width:1000px;margin:18px auto 0;font-size:12.5px;color:var(--text-3)}
.sa__fod{padding-top:24px}

@media (max-width:980px){
  .sa__kpiG{grid-template-columns:1fr 1fr}
  .sa__k--stor{grid-column:1/-1}
  .sa__to{grid-template-columns:1fr}
  .sa__finger{grid-template-columns:44px minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .sa__helt .sa__eb,.sa__h,.sa__helt .sa__lede,.sa__styr{animation:none}
  .sa__kurve.tegn .sa__linje{animation:none}
}

/* arkivets overskrift med periodevalg */
.sa__arkH{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap;padding-top:clamp(56px,calc(9 * var(--vh,1vh)),104px)}
.sa__arkH .sa__eb{margin-bottom:10px}