/* prioritering.css — /verktoy/hva-betaler-jeg-forst.

   Egen mal (maler/side-prioritering.html) og eget uttrykk, med vilje ulikt
   kalkulatorene. Dette er en samtale med noen som har inkassobrev på
   bordet, oftest på mobil, oftest på kvelden.

   TREDJE UTGAVE, 4. september 2026, «Tavla». Første utgave (kalkulator-
   malen) fikk 3 av 10 på utseende og 2 på brukervennlighet. Andre (tre
   trinn i én 44rem-kolonne, planen som mørk flate, et avsnitt per punkt)
   fikk 5: «for mye informasjon, grått og trist, trangt». Det som er nytt:

   - ÉN HVIT FLATE i full bredde (.pri-tavle), ikke grå sidebakgrunn med
     hvite bokser. Beløpet øverst som en setning, kravene til venstre,
     planen til høyre, livsoppholdet i bunnen.
   - FARGE OG IKON PER TYPE. Kredittkort, lån, regning, tjeneste, bolig,
     bil og offentlig krav har hver sin farge fra paletten og hvert sitt
     ikon. Samme farge på raden, på kortet i planen og på feltet i
     stripen, så leseren ser hvilket krav som er hvilket uten å lese.
     (Fram til 4. september kl. 21 var fargen etter hva planen gjorde:
     pant, gebyrhopp, rente. Khurram ville ha farge per type.) Tonene
     lages med color-mix fra tokenene, så ingen ny farge skrives inn.
   - ÉN LINJE per punkt i planen. Begrunnelsen ligger bak «Hvorfor».
     Tabellen ligger lukket under planen.
   - LUFT. Radene er 4rem høye, kortene har 1.25rem innvendig, og tavla
     har clamp-luft som vokser med skjermen.

   FELTENE ER HVITE, 4. september kl. 22. De lå i --wash (#e4edf4), og
   Khurram: «den lyse grå fargen inne i feltene gjør at skjemaet ser dødt
   ut». Research samme kveld (Baymard, UX Movement, GOV.UK, WCAG 1.4.11):
   grå fyll leses som «deaktivert», og hvite felt på en tonet flate leses
   som forgrunn. Derfor: feltet er hvitt, den åpne raden får en svak
   himmeltone bak (--pil-ned 10 % i hvitt, #f2fafd), og kanten er blå
   nok til 3:1 mot hvitt (--spruce-3 70 % i hvitt, målt 3,1:1). GOV.UK
   bruker svart 2 px av samme grunn; vi bruker blått 1,5 px, fordi svart
   er fremmed for paletten. Fokus: 2 px --spruce.

   Bare tokenene fra pengeguide.css. Mobil først; min-width-regler lenger
   nede. Inndata er 18 px, så iOS ikke zoomer. */
.pri{--felt-bg:#fff;--felt-kant:color-mix(in srgb,var(--spruce-3) 70%,#fff);--rad-aapen:color-mix(in srgb,var(--pil-ned) 10%,#fff)}

.pri{margin-inline:auto;padding-block:clamp(1rem,3vw,2rem) 0}
.pri-hode{margin-bottom:clamp(1.25rem,3vw,2rem);max-width:44rem}
.pri-hode h1{max-width:18ch;text-wrap:balance}
.pri-hode .ingress{max-width:48ch;margin-bottom:0}

/* ---------- Tavla ---------- */
.pri-tavle{background:var(--fig-hvit);border-radius:1.25rem;border:1px solid var(--rule);
  padding:clamp(1.25rem,3.5vw,2.5rem) clamp(1rem,3.5vw,2.5rem) clamp(1.25rem,3.5vw,2rem);
  display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.25rem)}
.pri-skjema{display:contents}

/* Beløpet: én setning, tallet størst. Står under kravene, i samme spalte. */
.pri-topp{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;
  font-size:var(--tekst-lg);color:var(--ink);font-variation-settings:"wdth" 92,"wght" 560}
.pri-topp label{cursor:text}
.pri-belop{display:inline-flex;align-items:baseline;gap:.4rem;border-bottom:3px solid var(--rust-dim);
  padding:0 .25rem .1rem;transition:border-color .15s}
.pri-belop:focus-within{border-color:var(--spruce)}
.pri-belop input{inline-size:6.5ch;min-width:0;border:0;background:transparent;padding:0;font:inherit;
  font-size:clamp(2.25rem,5vw,3rem);line-height:1.05;letter-spacing:-.025em;color:var(--spruce);
  font-variation-settings:"wdth" 86,"wght" 760;font-variant-numeric:tabular-nums;text-align:right;
  appearance:textfield;-moz-appearance:textfield}
.pri-belop input:focus{outline:0}
.pri-enhet{color:var(--muted);font-size:var(--tekst-sm);white-space:nowrap;font-variation-settings:"wdth" 92,"wght" 600}
.pri-belop .pri-enhet{font-size:var(--tekst-base)}
.pri-topp .pri-hint{flex-basis:100%}
.pri-hint{display:block;margin:.375rem 0 0;font-size:var(--tekst-sm);color:var(--muted);line-height:1.45}

/* Overskrifter i tavla: små, med gullstrek som resten av nettstedet. */
.pri-tavle h2{margin:0 0 .875rem;padding:0;border:0;max-width:none;font-size:var(--tekst-base);
  letter-spacing:.02em;text-transform:uppercase;color:var(--spruce);font-variation-settings:"wdth" 90,"wght" 700}

/* ---------- Kravene ---------- */
.pri-poster{display:grid;gap:.625rem}
.pri-post{background:var(--fig-hvit);border:1px solid var(--rule);border-radius:.875rem;transition:border-color .15s,box-shadow .15s}
.pri-post[open]{border-color:var(--spruce);box-shadow:0 0 0 1px var(--spruce);background:var(--rad-aapen)}
.pri-post[open] summary{background:var(--fig-hvit);border-radius:.875rem .875rem 0 0}
.pri-post summary{list-style:none;display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;
  min-block-size:4rem;cursor:pointer;border-radius:.875rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pri-post summary::-webkit-details-marker{display:none}
.pri-post summary:focus-visible{outline:2px solid var(--spruce);outline-offset:2px}
@media(hover:hover){.pri-post:not([open]) summary:hover{background:var(--bg)}}
/* Fargen per type. --t settes én gang per type og brukes av raden,
   kortet i planen og stripen. Gull får mørk tekst; resten hvit. */
.pri-post[data-type="kort"],.pri-t-kort{--t:var(--spruce-3);--t-tekst:#fff}
.pri-post[data-type="laan"],.pri-t-laan{--t:var(--opp);--t-tekst:#fff}
.pri-post[data-type="regning"],.pri-t-regning{--t:var(--pil-ned);--t-tekst:var(--ink)}
.pri-post[data-type="tjeneste"],.pri-t-tjeneste{--t:var(--ink-2);--t-tekst:#fff}
.pri-post[data-type="faktura"],.pri-t-faktura{--t:var(--spruce-2);--t-tekst:#fff}
.pri-post[data-type="husleie"],.pri-t-husleie{--t:var(--rust);--t-tekst:#fff}
.pri-post[data-type="kommunalt"],.pri-t-kommunalt{--t:var(--muted);--t-tekst:#fff}
.pri-post[data-type="helse"],.pri-t-helse{--t:var(--pil-opp);--t-tekst:var(--ink)}
.pri-post[data-type="forsikring"],.pri-t-forsikring{--t:var(--spruce);--t-tekst:#fff}
.pri-post[data-type="bolig"],.pri-t-bolig{--t:var(--rust-dim);--t-tekst:var(--ink)}
.pri-post[data-type="bil"],.pri-t-bil{--t:var(--ned);--t-tekst:#fff}
.pri-post[data-type="offentlig"],.pri-t-offentlig{--t:var(--muted);--t-tekst:#fff}
.pri-ikon{flex:none;inline-size:2.5rem;block-size:2.5rem;border-radius:.625rem;display:grid;place-items:center;
  color:var(--t,var(--muted));background:color-mix(in srgb,var(--t,var(--muted)) 14%,#fff)}
.pri-ikon svg{display:block}
.pri-post-navn{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;line-height:1.3}
.pri-post-navn b{color:var(--ink);font-size:var(--tekst-base);font-variation-settings:"wdth" 92,"wght" 660;overflow-wrap:anywhere}
.pri-post-navn span{font-size:var(--tekst-sm);color:var(--muted)}
.pri-post-belop{flex:none;color:var(--ink);font-size:var(--tekst-base);font-variation-settings:"wdth" 90,"wght" 720;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.pri-post-pil{flex:none;inline-size:.55rem;block-size:.55rem;margin:0 .25rem 0 .125rem;
  border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:translateY(-.15rem) rotate(45deg);transition:transform .2s}
.pri-post[open] .pri-post-pil{transform:translateY(.1rem) rotate(-135deg)}

.pri-post-felt{display:grid;gap:.25rem 1rem;padding:0 1rem 1.125rem;border-top:1px solid var(--rule)}
.pri-felt{min-width:0}
.pri-felt label{display:block;margin:1rem 0 .4rem;font-size:var(--tekst-sm);color:var(--ink-2);font-variation-settings:"wdth" 92,"wght" 620}
.pri-valgfri{margin-inline-start:.35rem;color:var(--muted);font-variation-settings:"wdth" 92,"wght" 420}
.pri-inn{display:flex;align-items:center;gap:.5rem;background:var(--felt-bg);border:1.5px solid var(--felt-kant);border-radius:.625rem;
  padding:0 .875rem;min-block-size:3rem;transition:border-color .15s,box-shadow .15s}
.pri-inn:hover{border-color:var(--spruce-3)}
.pri-inn:focus-within{border-color:var(--spruce);box-shadow:0 0 0 2px var(--spruce)}
.pri-inn input{inline-size:100%;min-width:0;border:0;background:transparent;padding:0;font:inherit;font-size:1.125rem;color:var(--ink);
  font-variation-settings:"wdth" 92,"wght" 620;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.pri-inn input:focus{outline:0}
.pri-inn input::placeholder{color:var(--muted);font-variation-settings:"wdth" 92,"wght" 420}
.pri-felt select{inline-size:100%;min-block-size:3rem;border:1.5px solid var(--felt-kant);border-radius:.625rem;padding:0 2.75rem 0 .875rem;
  background-color:var(--felt-bg);color:var(--ink);font:inherit;font-size:1.125rem;font-variation-settings:"wdth" 92,"wght" 620;
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%234a5c6b' stroke-width='2'/></svg>");
  background-repeat:no-repeat;background-position:right .875rem center;transition:box-shadow .15s}
.pri-felt select:hover{border-color:var(--spruce-3)}
.pri-felt select:focus-visible{outline:0;border-color:var(--spruce);box-shadow:0 0 0 2px var(--spruce)}
/* ---------- Egne nedtrekkslister ---------- */
.pri-velg{position:relative}
.pri-skjema[data-js] .pri-velg-native{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pri-skjema:not([data-js]) .pri-velg-knapp,.pri-skjema:not([data-js]) .pri-velg-liste{display:none}
.pri-velg-knapp{inline-size:100%;min-block-size:3rem;display:flex;align-items:center;gap:.625rem;padding:.25rem .875rem .25rem .5rem;
  border:1.5px solid var(--felt-kant);border-radius:.625rem;background:var(--felt-bg);color:var(--ink);font:inherit;font-size:1.0625rem;
  font-variation-settings:"wdth" 92,"wght" 620;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.pri-velg-knapp:hover{border-color:var(--spruce-3)}
.pri-velg-knapp:focus-visible{outline:0;border-color:var(--spruce);box-shadow:0 0 0 2px var(--spruce)}
.pri-velg-knapp>svg:last-child{flex:none;margin-inline-start:auto;color:var(--muted);transition:transform .2s}
.pri-velg[data-aapen] .pri-velg-knapp>svg:last-child{transform:rotate(180deg)}
.pri-velg-tekst{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pri-velg-ikon{flex:none;inline-size:2rem;block-size:2rem;border-radius:.5rem;display:grid;place-items:center;
  color:var(--t,var(--muted));background:color-mix(in srgb,var(--t,var(--muted)) 14%,#fff)}
.pri-velg-ikon svg{inline-size:18px;block-size:18px}
.pri-velg-liste{position:absolute;left:0;right:0;z-index:6;margin:.25rem 0 0;padding:.375rem;list-style:none;
  background:var(--fig-hvit);border:1px solid var(--rule);border-radius:.75rem;box-shadow:0 12px 32px rgba(14,28,40,.16);max-block-size:22rem;overflow:auto}
.pri-velg-liste[hidden]{display:none}
.pri-velg-liste li{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:.5rem;cursor:pointer;color:var(--ink);line-height:1.3}
.pri-velg-liste li:hover,.pri-velg-liste li:focus-visible{background:var(--wash);outline:0}
.pri-velg-liste li[aria-selected="true"]{background:color-mix(in srgb,var(--spruce) 8%,#fff)}
.pri-velg-liste li[aria-selected="true"] .pri-velg-navn b{color:var(--spruce)}
.pri-velg-navn{display:flex;flex-direction:column;min-width:0}
.pri-velg-navn b{font-size:1rem;font-variation-settings:"wdth" 92,"wght" 640}
.pri-velg-navn span{font-size:var(--tekst-sm);color:var(--ink-2)}

/* (i)-knappen og forklaringen den åpner. */
.pri-label-rad{display:flex;align-items:center;gap:.25rem}
.pri-label-rad label{margin-inline-end:0}
.pri-skjema .pri-info{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;margin-top:.55rem;
  border-radius:50%;background:transparent;color:var(--spruce-3);transition:background-color .15s}
.pri-skjema .pri-info svg{flex:none;inline-size:18px;min-inline-size:18px;block-size:18px;display:block}
.pri-skjema .pri-info:hover,.pri-skjema .pri-info[aria-expanded="true"]{background:color-mix(in srgb,var(--spruce-3) 12%,#fff)}
.pri-info:focus-visible{outline:2px solid var(--spruce);outline-offset:2px}
.pri-felt--bred>.pri-forklaring,.pri-forklaring--bred{grid-column:1 / -1}
.pri-forklaring{margin:.5rem 0 .25rem;padding:.875rem 1rem;border-radius:.75rem;background:color-mix(in srgb,var(--spruce-3) 8%,#fff);
  border-left:3px solid var(--spruce-3);font-size:var(--tekst-sm);color:var(--ink);line-height:1.5}
.pri-forklaring[hidden]{display:none}
.pri-forklaring p{margin:0 0 .5rem}
.pri-forklaring p:last-child{margin-bottom:0}
.pri-forklaring dl{margin:0;display:grid;gap:.5rem}
.pri-forklaring dt{font-variation-settings:"wdth" 92,"wght" 680}
.pri-forklaring dd{margin:0 0 .25rem;color:var(--ink-2)}

/* Bankmerket i forslagene og i feltet. */
.pri-merke{flex:none;inline-size:1.5rem;block-size:1.5rem;border-radius:.375rem;object-fit:contain;background:#fff}
.pri-merke--init{display:grid;place-items:center;background:var(--wash);color:var(--spruce);font-size:.6875rem;letter-spacing:.02em;
  font-variation-settings:"wdth" 92,"wght" 700}
.pri-forslag-navn{flex:1 1 auto;min-width:0}
.pri-merke-plass:empty{display:none}
.pri-inn--produkt{padding-inline-start:.625rem}

/* Minste innbetaling finnes bare for kort. */
.pri-felt--forfalt{display:none}
.pri-post[data-type="kort"] .pri-felt--forfalt{display:block}
/* Produktoppslaget finnes for kort, forbrukslån, billån og boliglån. Forslagene ligger
   som en liste rett under feltet, over det som kommer etter. */
.pri-felt--produkt{display:none;position:relative}
.pri-forslag{position:absolute;left:0;right:0;z-index:5;margin:.25rem 0 0;padding:.375rem;list-style:none;
  background:var(--fig-hvit);border:1px solid var(--rule);border-radius:.75rem;box-shadow:0 12px 32px rgba(14,28,40,.16);
  max-block-size:18rem;overflow:auto}
.pri-forslag[hidden]{display:none}
.pri-forslag li{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:.5rem;
  cursor:pointer;font-size:var(--tekst-sm);color:var(--ink);line-height:1.35}
.pri-forslag li b{color:var(--spruce);font-variation-settings:"wdth" 92,"wght" 700}
.pri-forslag li[aria-selected="true"],.pri-forslag li:hover{background:var(--wash)}
.pri-forslag-rente{flex:none;color:var(--muted);font-variant-numeric:tabular-nums}
.pri-post[data-type="kort"] .pri-felt--produkt,.pri-post[data-type="laan"] .pri-felt--produkt,
.pri-post[data-type="bil"] .pri-felt--produkt,.pri-post[data-type="bolig"] .pri-felt--produkt{display:block}
.pri-felt--produkt .pri-inn{max-inline-size:28rem}
.pri-forslag{max-inline-size:28rem}
.pri-fjern{all:unset;box-sizing:border-box;cursor:pointer;justify-self:start;margin-top:.75rem;display:inline-flex;align-items:center;gap:.4rem;
  min-block-size:2.75rem;padding:0 .75rem 0 .5rem;border-radius:.625rem;font-size:var(--tekst-sm);color:var(--opp);
  font-variation-settings:"wdth" 92,"wght" 620;transition:background-color .15s}
.pri-fjern svg{flex:none}
.pri-fjern:hover{background:color-mix(in srgb,var(--opp) 10%,#fff)}
.pri-fjern:focus-visible{outline:2px solid var(--spruce);outline-offset:2px;border-radius:.25rem}

.pri-knapper{display:grid;gap:.625rem;margin-top:.75rem}
.pri-legg{inline-size:100%;min-block-size:3.25rem;border:2px dashed var(--rule-2);border-radius:.875rem;background:transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  color:var(--spruce);font:inherit;font-size:var(--tekst-base);font-variation-settings:"wdth" 92,"wght" 660;cursor:pointer;
  touch-action:manipulation;transition:border-color .15s,background-color .15s}
.pri-legg:hover{border-color:var(--spruce);background:var(--bg)}
.pri-legg:focus-visible{outline:2px solid var(--spruce);outline-offset:2px}
.pri-legg[hidden]{display:none}
.pri-regn{inline-size:100%;min-block-size:3.25rem;border:0;border-radius:.875rem;background:var(--spruce);color:var(--on-spruce);
  font:inherit;font-size:var(--tekst-base);font-variation-settings:"wdth" 92,"wght" 660;cursor:pointer}
.pri-skjema[data-js] .pri-regn{display:none}

/* ---------- Planen ---------- */
.pri-plan{scroll-margin-top:4.5rem}
.pri-svar-tittel{margin:0 0 .25rem}
.pri-svar-under{margin:0 0 1rem;font-size:var(--tekst-base);color:var(--ink-2)}
.pri-svar-under b{color:var(--ink);font-variation-settings:"wdth" 90,"wght" 720}
.pri-svar-tom,.pri-rest{margin:.75rem 0 0;font-size:var(--tekst-sm);color:var(--muted);line-height:1.5}

/* Fordelingsstripen. flex-grow settes inline fra beløpene. */
.pri-stripe{display:flex;gap:3px;block-size:1.5rem;margin:0 0 1rem;border-radius:.5rem;overflow:hidden}
.pri-seg{flex:1 1 0;min-inline-size:1.1rem;display:flex;align-items:center;justify-content:center;border-radius:.3rem}
.pri-seg i{font-style:normal;font-size:var(--tekst-xs);color:#fff;font-variation-settings:"wdth" 92,"wght" 720;font-variant-numeric:tabular-nums}
.pri-seg{background:var(--t,var(--rule-2))}
.pri-seg i{color:var(--t-tekst,#fff)}
.pri-seg--rest{background:transparent;border:1px dashed var(--rule-2)}

.pri-liste{list-style:none;margin:0;padding:0;display:grid;gap:.625rem}
.pri-kort{display:flex;gap:.875rem;padding:1rem 1.125rem;border-radius:.875rem;
  background:color-mix(in srgb,var(--t,var(--muted)) 11%,#fff);border-left:4px solid var(--t,var(--rule-2))}
.pri-kort-nr{flex:none;inline-size:1.875rem;block-size:1.875rem;border-radius:50%;display:grid;place-items:center;
  color:var(--t-tekst,#fff);background:var(--t,var(--spruce-3));font-size:var(--tekst-sm);font-variation-settings:"wdth" 92,"wght" 720;font-variant-numeric:tabular-nums}
.pri-kort-inn{flex:1 1 auto;min-width:0}
.pri-kort-hode{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.pri-kort-hode b{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink);font-size:var(--tekst-base);font-variation-settings:"wdth" 92,"wght" 660;overflow-wrap:anywhere}
.pri-kort-hode b svg{flex:none;color:var(--t,var(--muted))}
.pri-kort-sum{flex:none;color:var(--ink);font-size:var(--tekst-lg);letter-spacing:-.01em;
  font-variation-settings:"wdth" 88,"wght" 740;font-variant-numeric:tabular-nums;white-space:nowrap}
.pri-kort-av{display:block;margin-top:.2rem;font-size:var(--tekst-sm);color:var(--ink-2);line-height:1.45}
.pri-hvorfor{margin-top:.25rem;font-size:var(--tekst-sm)}
.pri-hvorfor summary{list-style:none;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;min-block-size:2rem;
  color:var(--spruce);font-variation-settings:"wdth" 92,"wght" 640;-webkit-tap-highlight-color:transparent}
.pri-hvorfor summary::-webkit-details-marker{display:none}
.pri-hvorfor summary::after{content:"";inline-size:.4rem;block-size:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:translateY(-.1rem) rotate(45deg);transition:transform .2s}
.pri-hvorfor[open] summary::after{transform:translateY(.1rem) rotate(-135deg)}
.pri-hvorfor summary:focus-visible{outline:2px solid var(--spruce);outline-offset:2px;border-radius:.25rem}
.pri-hvorfor p{margin:.25rem 0 0;color:var(--ink-2);line-height:1.5;max-width:52ch}

.pri-varsel,.pri-info{margin:0 0 1rem;padding:1rem 1.125rem;border-radius:.875rem}
.pri-varsel{background:rgba(234,169,63,.16);border:1px solid var(--rust-dim)}
.pri-info{background:var(--wash)}
.pri-varsel h3,.pri-info h3{margin:0 0 .5rem;color:var(--ink);font-size:var(--tekst-base);line-height:1.25;font-variation-settings:"wdth" 90,"wght" 700}
.pri-varsel p,.pri-info p{margin:.5rem 0 0;font-size:var(--tekst-sm);line-height:1.5;color:var(--ink-2)}
.pri-varsel b{color:var(--ink)}
.pri-tel{display:inline-block;font-size:var(--tekst-lg);white-space:nowrap;text-decoration:none!important;color:var(--spruce);
  font-variation-settings:"wdth" 90,"wght" 740;font-variant-numeric:tabular-nums}

/* ---------- Tabellen over alle kravene, nederst i full bredde ----------
   Én linje per celle fra 40rem: navnet og statusen står under hverandre
   med vilje, tallene brytes aldri. Under 40rem er hver rad et kort med
   ledetekst foran cellen (data-l). Teksten er --ink og --ink-2, ikke
   --muted: «ikke alle linjene går an å lese» (Khurram 4. september). */
.pri-tabell{font-size:var(--tekst-sm)}
.pri-tabell summary{list-style:none;display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;cursor:pointer;min-block-size:3.5rem;
  border:1.5px solid var(--felt-kant);border-radius:.875rem;background:var(--fig-hvit);transition:border-color .15s,background-color .15s;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  color:var(--spruce);font-size:var(--tekst-base);font-variation-settings:"wdth" 92,"wght" 680;-webkit-tap-highlight-color:transparent}
.pri-tabell summary::-webkit-details-marker{display:none}
.pri-tabell summary:hover{border-color:var(--spruce);background:color-mix(in srgb,var(--spruce-3) 5%,#fff)}
.pri-tabell[open] summary{border-radius:.875rem .875rem 0 0;border-bottom-color:var(--rule)}
.pri-tabell-ikon{flex:none;inline-size:2.25rem;block-size:2.25rem;border-radius:.625rem;display:grid;place-items:center;color:var(--spruce);background:color-mix(in srgb,var(--spruce-3) 12%,#fff)}
.pri-tabell-tekst{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.pri-tabell-tekst b{color:var(--ink);font-size:var(--tekst-base);font-variation-settings:"wdth" 92,"wght" 680}
.pri-tabell-tekst span{font-size:var(--tekst-sm);color:var(--ink-2);font-variation-settings:"wdth" 92,"wght" 420}
.pri-tabell-vis{flex:none;display:inline-flex;align-items:center;gap:.4rem;color:var(--spruce);font-size:var(--tekst-sm);white-space:nowrap}
.pri-tabell-vis svg{transition:transform .2s}
.pri-tabell[open] .pri-tabell-vis svg{transform:rotate(180deg)}
.pri-tabell-inn{border:1.5px solid var(--felt-kant);border-top:0;border-radius:0 0 .875rem .875rem;padding:.25rem 1rem .875rem}
.pri-tabell-gammel-pil{content:"";flex:none;inline-size:.5rem;block-size:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(-45deg);transition:transform .2s}
.pri-tabell summary::before{display:none}
@media(max-width:39.999rem){.pri-tabell-vis span{display:none}.pri-tabell-tekst span{display:none}}
.pri-tabell summary:focus-visible{outline:2px solid var(--spruce);outline-offset:2px;border-radius:.25rem}
.pri-tabell table{inline-size:100%;border-collapse:collapse;margin-top:.5rem}
.pri-tabell th{text-align:left;padding:.5rem 1rem .5rem 0;border-bottom:2px solid var(--rule);color:var(--ink-2);
  font-size:var(--tekst-sm);font-variation-settings:"wdth" 92,"wght" 640;white-space:nowrap}
.pri-tabell td{padding:.75rem 1rem .75rem 0;border-bottom:1px solid var(--rule);vertical-align:top;line-height:1.4;color:var(--ink);white-space:nowrap}
.pri-tabell td b{display:block;font-variation-settings:"wdth" 92,"wght" 660;font-variant-numeric:tabular-nums}
.pri-tabell td .dempet{display:block;color:var(--ink-2)}
.pri-tab-krav{display:inline-flex;align-items:center;gap:.625rem}
.pri-ikon--liten{inline-size:2rem;block-size:2rem;border-radius:.5rem}
.pri-ikon--liten svg{inline-size:16px;block-size:16px}
.pri-sum{margin:1rem 0 0;font-size:var(--tekst-base);color:var(--ink);line-height:1.5}
.pri-sum b{font-variation-settings:"wdth" 92,"wght" 700;font-variant-numeric:tabular-nums}
.pri-note{margin:.5rem 0 0;font-size:var(--tekst-sm);color:var(--ink-2);line-height:1.55;max-width:70ch}
@media(max-width:39.999rem){
  .pri-tabell thead{display:none}
  .pri-tabell table,.pri-tabell tbody{display:block}
  .pri-tabell tr{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem;padding:.875rem 0;border-bottom:1px solid var(--rule)}
  .pri-tabell td{display:block;padding:0;border:0;white-space:normal}
  .pri-tabell td:first-child{grid-column:1 / -1}
  .pri-tabell td::before{content:attr(data-l);display:block;font-size:var(--tekst-xs);color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.15rem}
  .pri-tabell td:first-child::before{display:none}
}

/* ---------- Bunnen av tavla ---------- */
.pri-fot-rad{border-top:1px solid var(--rule);padding-top:1rem;display:grid;gap:1.25rem}
.pri-livsopphold{margin:0;font-size:var(--tekst-base);color:var(--ink);line-height:1.6;max-width:70ch}
.pri-livsopphold b{color:var(--ink);font-variation-settings:"wdth" 92,"wght" 700}
.pri-livsopphold select{inline-size:auto;max-inline-size:100%;font:inherit;font-size:1rem;border:0;border-bottom:2px solid var(--spruce);border-radius:0;
  background:transparent;color:var(--spruce);padding:0 .1rem;cursor:pointer;min-block-size:2rem;font-variation-settings:"wdth" 92,"wght" 660}
.pri-livsopphold select:focus-visible{outline:2px solid var(--spruce);outline-offset:2px}

/* ---------- «Se planen», bare på mobil ---------- */
.pri-hopp{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:var(--z-sticky);
  display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.25rem;border-radius:999px;background:var(--spruce);color:#fff;
  text-decoration:none;font-size:var(--tekst-sm);font-variation-settings:"wdth" 92,"wght" 660;box-shadow:0 8px 24px rgba(14,28,40,.28);touch-action:manipulation}
.pri-hopp svg{flex:none}
.pri-hopp[hidden]{display:none}
.pri-hopp:focus-visible{outline:2px solid var(--rust-dim);outline-offset:2px}

/* Brødtekst og høyrespalte. Samme mål som .newsgrid på artiklene
   (18.75rem fra 80rem), så annonsen får samme flate som der. Under 80rem
   står spalten under teksten, og lesespalta holder 44rem uansett. */
.pri-nedre{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);margin-top:var(--luft-seksjon)}
.pri-brod{max-width:44rem}
.pri-spalte{display:block;min-width:0}
@media(min-width:80rem){.pri-nedre{grid-template-columns:minmax(0,1fr) 18.75rem}}

/* ---------- Fra 40rem: to felt ved siden av hverandre ---------- */
@media(min-width:40rem){
  .pri-post-felt{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pri-felt--bred,.pri-fjern{grid-column:1 / -1}
  .pri-knapper{grid-template-columns:1fr auto}
  .pri-legg{grid-column:1 / -1}
}
@media(min-width:48rem){
  .pri-hopp{display:none}
}
/* ---------- Fra 64rem: tavla i to spalter ---------- */
@media(min-width:64rem){
  .pri-tavle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"krav plan" "fot fot";
    column-gap:clamp(2rem,4vw,3.5rem);row-gap:clamp(1.75rem,3vw,2.5rem);align-items:start}
  .pri-kravene{grid-area:krav}
  .pri-plan-spor{grid-area:plan;align-self:stretch}
  .pri-plan{position:sticky;top:1.25rem}
  .pri-fot-rad{grid-area:fot}
}
@media(min-width:80rem){
  .pri-tavle{grid-template-columns:minmax(0,11fr) minmax(0,10fr)}
}
@media(prefers-reduced-motion:reduce){
  .pri-post,.pri-post-pil,.pri-belop,.pri-inn,.pri-legg,.pri-tabell summary::before,.pri-hvorfor summary::after{transition:none}
}

/* ---------- Kildene og «Flere sammenligninger», nederst ----------
   Khurram 4. september: de to blokkene «drar siden langt ned». Målt før:
   kildelista 949 px, lenkelista 458 px, av 6 225 px side. Nå: kildene
   ligger lukket med ett sammendrag, og lenkene er små kort i rutenett. */
.pri-kilder{margin-top:var(--luft-seksjon);border-top:1px solid var(--rule);padding-top:1rem}
.pri-kilder summary{list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;cursor:pointer;
  min-block-size:2.75rem;padding:.5rem 0;-webkit-tap-highlight-color:transparent}
.pri-kilder summary::-webkit-details-marker{display:none}
.pri-kilder summary::before{content:"";flex:none;inline-size:.5rem;block-size:.5rem;align-self:center;margin-inline-end:.25rem;
  border-right:2px solid var(--spruce);border-bottom:2px solid var(--spruce);transform:rotate(-45deg);transition:transform .2s}
.pri-kilder[open] summary::before{transform:rotate(45deg)}
.pri-kilder summary:focus-visible{outline:2px solid var(--spruce);outline-offset:2px;border-radius:.25rem}
.pri-kilder-h{font-size:var(--tekst-base);color:var(--spruce);font-variation-settings:"wdth" 90,"wght" 700;letter-spacing:.02em;text-transform:uppercase}
.pri-kilder-u{font-size:var(--tekst-sm);color:var(--ink-2)}
.pri-kilder .kilder{margin:.75rem 0 0;padding:0;border:0;list-style:none;display:grid;gap:.75rem 1.5rem;font-size:var(--tekst-sm);line-height:1.5;color:var(--ink-2)}
.pri-kilder .kilder a{color:var(--spruce);font-variation-settings:"wdth" 92,"wght" 640}
@media(min-width:48rem){.pri-kilder .kilder{grid-template-columns:repeat(2,minmax(0,1fr))}}

.pri .relatert{margin-top:var(--luft-seksjon)}
.pri .relatert ul{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr))}
.pri .relatert li{margin:0}
.pri .relatert a{display:flex;flex-direction:column;gap:.15rem;min-block-size:3.5rem;padding:.625rem .875rem;border:1px solid var(--rule);border-radius:.75rem;
  background:var(--fig-hvit);text-decoration:none;color:var(--ink);line-height:1.3;transition:border-color .15s,background-color .15s}
.pri .relatert a:hover{border-color:var(--spruce-3);background:color-mix(in srgb,var(--spruce-3) 5%,#fff)}
.pri .relatert a:focus-visible{outline:2px solid var(--spruce);outline-offset:2px}
.pri .relatert .n{font-size:var(--tekst-sm);color:var(--spruce);font-variation-settings:"wdth" 92,"wght" 680}
.pri .relatert .o{font-size:var(--tekst-xs);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:39.999rem){
  .pri .relatert ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pri .relatert .o{display:none}
  .pri .relatert a{min-block-size:2.75rem;justify-content:center;padding:.5rem .75rem}
}
.pri .relatert a,.pri .relatert .n,.pri .relatert .o{text-decoration:none}
.pri .relatert h2{font-size:var(--tekst-lg)}
/* Alle kortene like høye: rutenettet strekker radene, og underteksten er
   låst til én linje med ellipse. Khurram 4. september: to og tre linjer om
   hverandre så rotete ut. */
.pri .relatert ul{grid-auto-rows:1fr}
.pri .relatert a{block-size:100%;justify-content:center;min-block-size:4rem}
.pri .relatert .o{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:39.999rem){.pri .relatert .o{display:none}.pri .relatert .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:39.999rem){
  .pri .relatert a{min-block-size:2.75rem;padding:.5rem .625rem}
  .pri .relatert a .n{white-space:normal;overflow:visible;text-overflow:clip;text-decoration:none;font-size:var(--tekst-sm)}
}
/* Luft mellom lenkekortene og bunnteksten (Khurram 4. september). */
.pri .relatert{margin-bottom:var(--luft-seksjon)}
.pri{padding-bottom:clamp(1rem,3vw,2rem)}

/* ---------- PDF, e-post, kopier ----------
   Under planen. Ingen av dem sender noe til oss: PDF er nettleserens
   utskrift, e-post er en mailto-lenke, kopier er utklippstavla. */
.pri-handlinger{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--rule)}
.pri-handling{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;min-block-size:2.75rem;padding:0 1rem 0 .75rem;
  border:1.5px solid var(--felt-kant);border-radius:.625rem;background:var(--fig-hvit);color:var(--spruce);font-size:var(--tekst-sm);
  font-variation-settings:"wdth" 92,"wght" 660;transition:border-color .15s,background-color .15s;touch-action:manipulation}
.pri-handling svg{flex:none;inline-size:18px;block-size:18px}
.pri-handling:hover{border-color:var(--spruce);background:color-mix(in srgb,var(--spruce-3) 6%,#fff)}
.pri-handling:focus-visible{outline:2px solid var(--spruce);outline-offset:2px}
.pri-handling-note{flex-basis:100%;font-size:var(--tekst-xs);color:var(--muted);line-height:1.4}
.pri-utskrift-hode{display:none}

/* ---------- Utskrift: bare planen og kravene, på hvitt ---------- */
@media print{
  @page{margin:15mm}
  header,nav,footer:not(.pri-fot-rad),.pri-hopp,.pri-handlinger,.pri-brod,.relatert,.pri-knapper,.pri-info,.pri-forklaring,.pri-hint,
  .pri-post-felt,.pri-post-pil,.samtykke,[class*="silktide"],[id*="silktide"],.ad-slot,.ad-anchor{display:none!important}
  body{background:#fff;color:#000}
  .pri{padding:0;max-width:none}
  .pri-hode{margin-bottom:.5rem}
  .pri-hode h1{font-size:20pt}
  .pri-hode .ingress{display:none}
  .pri-tavle{display:block;border:0;padding:0;box-shadow:none}
  .pri-topp{font-size:12pt;margin-bottom:.75rem}
  .pri-belop input{font-size:16pt;color:#000;border:0}
  .pri-belop{border-bottom:2px solid #000}
  .pri-tavle h2,.pri-svar-tittel{font-size:11pt;margin:1rem 0 .5rem}
  .pri-utskrift-hode{display:block;margin:0 0 .5rem;font-size:9pt;color:#444}
  .pri-post{border:1px solid #bbb;break-inside:avoid;margin-bottom:.25rem}
  .pri-post summary{min-block-size:auto;padding:.4rem .6rem}
  .pri-ikon{background:none!important;color:#000!important;inline-size:1.5rem;block-size:1.5rem}
  .pri-stripe{display:none}
  .pri-kort{break-inside:avoid;background:#fff!important;border:1px solid #bbb;border-left-width:4px;padding:.5rem .75rem}
  .pri-kort-nr{background:#000!important;color:#fff!important}
  .pri-hvorfor summary{display:none}
  .pri-hvorfor p{margin:.25rem 0 0;font-size:9pt}
  .pri-varsel,.pri-info-boks{background:#fff!important;border:1px solid #000}
  .pri-tabell summary{display:none}
  .pri-tabell table{font-size:9pt}
  .pri-fot-rad{margin-top:1rem;padding-top:.5rem;border-top:1px solid #bbb;font-size:9pt}
  .pri-livsopphold select{border:0;color:#000;appearance:none;-webkit-appearance:none}
  a{color:#000;text-decoration:none}
}

/* ---------- E-post via oss ---------- */
/* Dialogene, i samme familie som «Kort oppsummert» (.oppsummert i
   pengeguide.css): rund flate i --wash uten kant, myntringene som vannmerke
   via .myntkant, overskrift i --spruce med gullstrek. Khurram 5. september:
   e-posten skal være en pop-up, så siden ikke blir lengre. */
.pri-dialog{inline-size:min(34rem,calc(100vw - 2rem));max-block-size:calc(100vh - 2rem);margin:auto;padding:clamp(1.375rem,3vw,1.75rem) clamp(1.125rem,3vw,1.875rem) clamp(1.375rem,3vw,1.75rem);
  border:0;border-radius:.875rem;background:var(--wash);color:var(--ink);box-shadow:0 24px 64px rgba(14,28,40,.28);overflow:hidden auto}
/* overflow-x er hidden fordi myntringene (.myntkant) stikker ut til høyre
   med vilje; med auto ga de en vannrett rullefelt (Khurram 5. september). */
.pri-epost-inn[hidden],.pri-epost-takk[hidden]{display:none}
.pri-epost-takk{text-align:center;padding:.5rem 0 .25rem}
.pri-takk-ikon{display:inline-grid;place-items:center;inline-size:3.5rem;block-size:3.5rem;border-radius:50%;background:var(--ned);color:#fff;margin-bottom:.75rem}
.pri-takk-h{margin:0 0 .5rem;font-size:var(--tekst-lg);color:var(--spruce);letter-spacing:-.015em;font-variation-settings:"wdth" 84,"wght" 760}
.pri-takk-tekst{margin:0 auto .5rem;max-width:34ch;font-size:var(--tekst-sm);color:var(--ink-2);line-height:1.5}
.pri-takk-tekst b{color:var(--ink);font-variation-settings:"wdth" 92,"wght" 680;overflow-wrap:anywhere}
.pri-takk-knapper{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}
.pri-takk-knapper .pri-epost-send{padding:0 1.5rem}
.pri-dialog::backdrop{background:rgba(14,28,40,.45);backdrop-filter:blur(2px)}
.pri-dialog h2{font-size:var(--tekst-lg);letter-spacing:-.015em;text-transform:none;font-variation-settings:"wdth" 84,"wght" 760;
  margin:0 2.5rem .5rem 0;color:var(--spruce);max-width:none;line-height:1.2;padding:0;border:0}
.pri-dialog-ingress{margin:0 0 1rem;font-size:var(--tekst-sm);color:var(--ink-2);line-height:1.5}
.pri-dialog-lukk{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;top:.75rem;right:.75rem;z-index:2;display:grid;place-items:center;
  inline-size:2.5rem;block-size:2.5rem;border-radius:50%;color:var(--ink-2);transition:background-color .15s}
.pri-dialog-lukk:hover{background:rgba(14,28,40,.08)}
.pri-dialog-lukk:focus-visible{outline:2px solid var(--spruce);outline-offset:2px}
.pri-dialog .pri-inn{background:var(--fig-hvit)}
.pri-epost>label:not(.pri-kryss){display:block;margin:0 0 .4rem;font-size:var(--tekst-sm);color:var(--ink-2);font-variation-settings:"wdth" 92,"wght" 620}
@media(max-width:39.999rem){
  .pri-dialog{inline-size:100vw;max-inline-size:none;max-block-size:92vh;margin:auto 0 0;border-radius:1rem 1rem 0 0;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}
}
.pri-epost-rad{display:flex;gap:.5rem;align-items:stretch}
.pri-epost-rad .pri-inn{flex:1 1 auto;min-width:0}
.pri-epost-send{all:unset;box-sizing:border-box;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:.4rem;padding:0 1.125rem;min-block-size:3rem;
  border-radius:.625rem;background:var(--spruce);color:#fff;font-size:var(--tekst-sm);font-variation-settings:"wdth" 92,"wght" 660}
.pri-epost-send svg{inline-size:18px;block-size:18px}
.pri-epost-send:hover{background:var(--spruce-2)}
.pri-epost-send:focus-visible{outline:2px solid var(--spruce);outline-offset:2px}
.pri-honning{position:absolute;left:-9999px;inline-size:1px;block-size:1px;opacity:0}
.pri-kryss{display:flex;gap:.625rem;align-items:flex-start;margin:.875rem 0 0;font-size:var(--tekst-sm);color:var(--ink);line-height:1.45;cursor:pointer}
.pri-kryss input{flex:none;inline-size:1.25rem;block-size:1.25rem;margin:.1rem 0 0;accent-color:var(--spruce)}
.pri-turnstile{margin-top:.75rem}
.pri-turnstile:empty{display:none}
.pri-epost-note,.pri-epost-alt,.pri-epost-status{margin:.75rem 0 0;font-size:var(--tekst-xs);color:var(--ink-2);line-height:1.45}
.pri-epost-status{color:var(--ink);font-size:var(--tekst-sm);font-variation-settings:"wdth" 92,"wght" 620}
.pri-epost-status:empty{display:none}

/* ---------- Deling ---------- */
.pri-del-rad{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}
.pri-del-lenke{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;min-block-size:2.5rem;padding:0 .875rem;
  border:1.5px solid var(--felt-kant);border-radius:999px;background:var(--fig-hvit);color:var(--spruce);font-size:var(--tekst-sm);
  font-variation-settings:"wdth" 92,"wght" 640;text-decoration:none;transition:border-color .15s,background-color .15s}
.pri-del-lenke svg{inline-size:16px;block-size:16px}
.pri-del-lenke:hover{border-color:var(--spruce);background:color-mix(in srgb,var(--spruce-3) 6%,#fff)}
.pri-del-lenke:focus-visible{outline:2px solid var(--spruce);outline-offset:2px}

/* Eksempel-merket ved overskriften, borte ved første tastetrykk. */
.pri-eksempel{display:inline-block;margin-inline-start:.5rem;padding:.15rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--rust-dim) 22%,#fff);
  color:var(--rust);font-size:var(--tekst-xs);letter-spacing:0;text-transform:none;font-variation-settings:"wdth" 92,"wght" 620;vertical-align:middle}

/* Brødteksten under tavla: trinnene og annonsekortet. */
.pri-brod .pri-steg-liste{padding-left:1.25rem}
.pri-brod .pri-steg-liste li{margin-bottom:.625rem}
.pri-refi{margin:1rem 0 .5rem}
/* Lånekalkulatoren øverst i brødteksten, rett under tavla: luft ned mot
   «Kort fortalt», ingen ekstra luft opp (.pri-nedre har den). */
.pri-refi--topp{margin:0 0 var(--luft-seksjon)}
.pri-refi[hidden]{display:none}

/* ---------- mobil, målt 5. september 2026 på 390 px ----------
   Fire ting så halvferdige ut på iPhone-bredde. Målt med puppeteer på
   den publiserte siden, ikke i kildekoden.
   1. Kortoverskriften «Kjøp på faktura: Klarna, Vipps, nettbutikk» brøt
      over fire linjer ved siden av beløpet. Er navnet lengre enn tjue
      tegn, setter prioriteringvis.js klassen --lang, og beløpet får sin
      egen linje under navnet. Korte navn («Billån») står som før.
   2. «Send til min e-post» og «Del i sosiale medier» sto som to ulike
      brede knapper etter hverandre. På smal skjerm fyller de bredden.
   3. Segmentet for det minste kravet i planstripen var en 10 px flis
      (min-inline-size .6rem); nå 1.1rem, så det leses som et segment.
   4. Annonseflaten i spalten er 600 px høy fordi den er laget for
      høyrespalten; under 80rem ligger spalten under teksten, og 600 px
      med stiplet ramme og et husbanner i midten er et hull i siden.
      Der får den samme høyde som annonseflatene i brødteksten. */
@media(max-width:39.999rem){
  .pri-kort-hode--lang{flex-wrap:wrap;row-gap:.125rem}
  .pri-kort-hode--lang .pri-kort-sum{flex-basis:100%}
  .pri-handling{flex:1 1 100%;justify-content:center}
}
@media(max-width:79.999rem){
  .pri-spalte .ad-slot--rail{min-height:250px}
}