/* side.css - markedssiden. Kun tokens fra design-tokens.css og markedsside-tokens.css.
   Prisboken: papir, sverte, hårlinjer, ett spotblekk. 2 px hjørner. Ingen skygge. */

html{scroll-behavior:auto}
body.ms{margin:0;background:var(--pd-bg);color:var(--pd-tekst);font-family:var(--font-tekst);font-size:var(--skrift-kontroll);line-height:1.45;-webkit-font-smoothing:antialiased}
.ms *,.ms *::before,.ms *::after{box-sizing:border-box}
.ms a{color:inherit}
.ms img{display:block;max-width:100%;height:auto}
.ms :focus-visible{outline:2px solid var(--pd-fokus);outline-offset:2px}
.ms .tall{font-variant-numeric:tabular-nums lining-nums}
.ms .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.ms-ramme{max-width:var(--ramme-bred);margin:0 auto;padding:0 var(--beffen-rom-5)}
@media (max-width:759px){.ms-ramme{padding:0 var(--beffen-rom-4)}}

/* ---------- Knapper: kun to. Kobber = DEN ENE handlingen i viewportet. ---------- */
.ms-kn{display:inline-flex;align-items:center;justify-content:center;gap:var(--beffen-rom-2);min-height:48px;padding:0 var(--beffen-rom-5);border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);font-family:var(--font-tekst);font-size:var(--skrift-kontroll);font-weight:600;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s var(--ease-ut),border-color .15s var(--ease-ut)}
.ms-kn.primar{background:var(--pd-kobber-fyll);border-color:var(--pd-kobber-kant);color:var(--pd-kobber-fyll-tekst)}
.ms-kn.liten{min-height:40px;padding:0 var(--beffen-rom-4);font-size:var(--skrift-tekst-stor)}
@media (hover:hover) and (pointer:fine){
  .ms-kn:hover{background:var(--pd-rad-hover);border-color:var(--pd-tekst)}
  .ms-kn.primar:hover{background:var(--pd-kobber-fyll-hover);border-color:var(--pd-kobber-fyll-hover)}
}
@media (prefers-reduced-motion:reduce){.ms-kn{transition:none}}

/* ---------- Toppmeny ---------- */
.ms-topp{border-bottom:1px solid var(--pd-kant-sterk);background:var(--pd-bg)}
.ms-topp .ms-ramme{display:flex;align-items:center;gap:var(--beffen-rom-6);min-height:var(--ms-topp-h)}
.ms-merke{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pd-tekst)}
.ms-merke .flis{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--pd-radius);background:var(--pd-tekst);color:var(--pd-petrol-tekst);font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1;flex:none}
.ms-merke .flis i{position:absolute;right:3px;bottom:3px;width:5px;height:5px;background:var(--pd-kobber)}
.ms-merke .ord{font-family:var(--font-display);font-weight:600;font-size:var(--skrift-tittel);letter-spacing:.10em;text-transform:uppercase;line-height:1}
.ms-nav{display:flex;align-items:center;gap:var(--beffen-rom-5);margin-left:auto}
.ms-nav a{font-size:var(--skrift-tekst-stor);font-weight:500;text-decoration:none;padding:var(--beffen-rom-2) 0;border-bottom:1px solid transparent;transition:border-color .15s var(--ease-ut)}
@media (hover:hover) and (pointer:fine){.ms-nav a:not(.ms-kn):hover{border-bottom-color:var(--pd-tekst)}}
.ms-nav .ms-kn{margin-left:var(--beffen-rom-2)}
.ms-meny{display:none;margin-left:auto}
.ms-meny summary{list-style:none;display:inline-flex;align-items:center;gap:var(--beffen-rom-2);min-height:44px;padding:0 var(--beffen-rom-3);border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate);font-size:var(--skrift-tekst-stor);font-weight:600;cursor:pointer}
.ms-meny summary::-webkit-details-marker{display:none}
.ms-meny summary svg{width:20px;height:20px}
.ms-meny .ark{position:absolute;left:0;right:0;top:var(--ms-topp-h);z-index:10;display:flex;flex-direction:column;background:var(--pd-flate);border-bottom:1px solid var(--pd-kant);box-shadow:var(--pd-skygge)}
.ms-meny .ark a{display:flex;align-items:center;min-height:48px;padding:0 var(--beffen-rom-4);border-top:1px solid var(--pd-kant-svak);font-size:var(--skrift-kontroll);font-weight:500;text-decoration:none}
.ms-meny .ark a.ms-kn{margin:var(--beffen-rom-4);border-top:1px solid var(--pd-kant-kontroll);justify-content:center}
@media (max-width:759px){
  .ms-topp{position:relative}
  .ms-nav{display:none}
  .ms-meny{display:block}
}

/* ---------- Seksjonsgrammatikk (felles for skissene) ---------- */
.ms-seksjon{padding:var(--ms-luft-seksjon) 0}
@media (max-width:759px){.ms-seksjon{padding:var(--ms-luft-seksjon-mobil) 0}}
.ms-eyebrow{display:block;margin:0 0 var(--beffen-rom-3);font-family:var(--font-etikett);font-weight:600;font-size:var(--skrift-etikett);letter-spacing:.12em;text-transform:uppercase;color:var(--pd-demp)}
.ms-h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--skrift-h1);line-height:1.1;letter-spacing:.02em;text-transform:uppercase;text-wrap:balance}
.ms-ingress{margin:var(--beffen-rom-4) 0 0;max-width:58ch;font-size:var(--skrift-under);line-height:1.5;color:var(--pd-demp)}

/* Skisse A: oppslaget. Seksjonshode med 2 px svertelinje, tre spalter på hårlinjer, varenummer. */
.sk-a .hode{padding-bottom:var(--beffen-rom-4);border-bottom:2px solid var(--pd-tekst)}
.sk-a .spalter{display:grid;grid-template-columns:repeat(3,1fr);margin-top:var(--beffen-rom-6)}
.sk-a .spalte{padding:var(--beffen-rom-5) var(--beffen-rom-5) var(--beffen-rom-5) 0;border-right:1px solid var(--pd-kant);margin-right:var(--beffen-rom-5)}
.sk-a .spalte:last-child{border-right:0;margin-right:0;padding-right:0}
.sk-a .nr{display:block;font-family:var(--font-display);font-weight:500;font-size:var(--skrift-tall);letter-spacing:-.03em;line-height:1;color:var(--pd-kobber-mork)}
.sk-a h3{margin:var(--beffen-rom-4) 0 var(--beffen-rom-2);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-tittel);letter-spacing:.03em;text-transform:uppercase;line-height:1.2}
.sk-a p{margin:0;font-size:var(--skrift-tekst-stor);line-height:1.5;color:var(--pd-demp)}
@media (max-width:759px){
  .sk-a .spalter{grid-template-columns:1fr;margin-top:var(--beffen-rom-4)}
  .sk-a .spalte{padding:var(--beffen-rom-5) 0;margin:0;border-right:0;border-bottom:1px solid var(--pd-kant)}
  .sk-a .spalte:last-child{border-bottom:0}
}

/* Skisse B: verkstedet. Ekte bilde i full bredde, tekst på papir ved siden av, fakta som bildekort. */
.sk-b .band{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--beffen-rom-7);align-items:center}
.sk-b .bilde{margin:0}
.sk-b .bilde img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--pd-radius)}
.sk-b figcaption{margin-top:var(--beffen-rom-2);font-size:var(--skrift-meta);color:var(--pd-demp)}
.sk-b .fakta{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--beffen-rom-5);margin-top:var(--ms-luft-seksjon)}
.sk-b .fakta figure{margin:0}
.sk-b .fakta img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--pd-radius)}
.sk-b .fakta h3{margin:var(--beffen-rom-4) 0 var(--beffen-rom-2);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-tittel);letter-spacing:.03em;text-transform:uppercase;line-height:1.2}
.sk-b .fakta p{margin:0;font-size:var(--skrift-tekst-stor);line-height:1.5;color:var(--pd-demp)}
@media (max-width:1023px){.sk-b .band{grid-template-columns:1fr;gap:var(--beffen-rom-6)}}
@media (max-width:759px){
  .sk-b .fakta{grid-template-columns:1fr;gap:var(--beffen-rom-6);margin-top:var(--ms-luft-seksjon-mobil)}
}

/* Skisse C: ett løp. Venstre tekst står fast, høyre side ruller gjennom postene på en skinne. */
.sk-c .lop{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--beffen-rom-8)}
.sk-c .fast{position:sticky;top:var(--beffen-rom-7);align-self:start}
.sk-c .skinne{position:relative;padding-left:var(--beffen-rom-7);border-left:1px solid var(--pd-kant)}
.sk-c .post{position:relative;padding:var(--beffen-rom-6) 0;border-bottom:1px solid var(--pd-kant-svak);min-height:40vh;display:flex;flex-direction:column;justify-content:center}
.sk-c .post:last-child{border-bottom:0}
.sk-c .post .nr{position:absolute;left:calc(-1 * var(--beffen-rom-7) - 12px);top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--pd-tekst);border-radius:var(--pd-radius);background:var(--pd-bg);font-family:var(--font-etikett);font-weight:700;font-size:var(--skrift-meta);line-height:1}
.sk-c .post.aktiv .nr{background:var(--pd-tekst);color:var(--pd-petrol-tekst)}
.sk-c h3{margin:0 0 var(--beffen-rom-2);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-adresse);letter-spacing:.02em;text-transform:uppercase;line-height:1.1}
.sk-c p{margin:0;max-width:52ch;font-size:var(--skrift-under);line-height:1.5;color:var(--pd-demp)}
@media (prefers-reduced-motion:no-preference){
  .sk-c .post{opacity:.35;transition:opacity .25s var(--ease-ut)}
  .sk-c .post.aktiv{opacity:1}
}
@media (max-width:1023px){
  .sk-c .lop{grid-template-columns:1fr;gap:var(--beffen-rom-6)}
  .sk-c .fast{position:static}
  .sk-c .post{min-height:0}
}


/* ---------- Stegrekken: reisen fra henvendelse til Tripletex, står fast under toppmenyen ---------- */
.steg{position:sticky;top:0;z-index:9;background:var(--pd-bg);border-bottom:1px solid var(--pd-kant-sterk)}
.steg ol{display:flex;gap:var(--beffen-rom-4);margin:0;padding:0;list-style:none;min-height:44px;align-items:center;overflow-x:auto;scrollbar-width:none}
.steg ol::-webkit-scrollbar{display:none}
.steg li{display:inline-flex;align-items:center;height:28px;border-radius:var(--pd-radius);font-size:var(--skrift-tekst);font-weight:500;color:var(--pd-demp);white-space:nowrap}
.steg li a{display:inline-flex;align-items:center;gap:var(--beffen-rom-2);height:28px;padding:0 var(--beffen-rom-2);border-radius:var(--pd-radius);color:inherit;text-decoration:none}
.steg li.kommer{padding:0 var(--beffen-rom-2);gap:var(--beffen-rom-2);color:var(--pd-demp);font-weight:400}
.steg li .tall{display:grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:var(--pd-radius);font-family:var(--font-etikett);font-size:var(--skrift-etikett);font-weight:600;line-height:1}
.steg li[aria-current] a{background:var(--pd-tekst);color:var(--pd-petrol-tekst)}
.steg li[aria-current] .tall{border-color:var(--pd-petrol-tekst)}
@media (hover:hover) and (pointer:fine){.steg li a:hover{background:var(--pd-rad-hover);color:var(--pd-tekst)} .steg li[aria-current] a:hover{background:var(--pd-tekst);color:var(--pd-petrol-tekst)}}
.steg li a:focus-visible{outline:2px solid var(--pd-fokus);outline-offset:2px}
[data-steg]{scroll-margin-top:52px}

/* ---------- Hero: kunden spør, Beff svarer. Reversert sverte. ---------- */
.ms-hero{background:var(--pd-tekst);color:var(--pd-petrol-tekst);padding:var(--beffen-rom-8) 0;min-height:max(720px,80vh);display:flex;align-items:center}
.ms-hero .ms-ramme{width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--beffen-rom-8);align-items:center}
.ms .ms-hero h1{margin:0 0 var(--beffen-rom-5);font-family:var(--font-display);font-weight:600;font-size:clamp(40px,4.6vw,60px);line-height:1.06;letter-spacing:.01em;text-transform:uppercase;color:var(--pd-petrol-tekst);text-wrap:balance}
.ms-hero .ingress{margin:0 0 var(--beffen-rom-6);max-width:34ch;font-size:var(--ms-skrift-ingress);line-height:1.45;color:var(--pd-petrol-demp)}
.ms-hero .knapper{display:flex;flex-wrap:wrap;gap:var(--beffen-rom-3)}
.ms-hero .ms-kn.primar{min-height:52px;padding:0 var(--beffen-rom-6)}
/* «Prøv en befaring selv»: den andre knappen i hero, på sverte. Ramme i petrol-demp, tekst i petrol-tekst. */
.ms-hero .knapper .ms-kn:not(.primar){min-height:52px;padding:0 var(--beffen-rom-6);background:transparent;border-color:var(--pd-petrol-demp);color:var(--pd-petrol-tekst)}
@media (hover:hover) and (pointer:fine){.ms-hero .knapper .ms-kn:not(.primar):hover{background:transparent;border-color:var(--pd-petrol-tekst)}}
.ms-hero ::selection{background:var(--pd-kobber);color:var(--pd-kobber-fyll-tekst)}
.ms .ms-kn:active{transform:scale(.97)}
@media (prefers-reduced-motion:no-preference){.ms .ms-kn{transition:background-color .15s var(--ease-ut),border-color .15s var(--ease-ut),transform .16s var(--ease-ut)}}
.ms-hero .dialog{display:grid;gap:var(--beffen-rom-3)}
.boble{padding:var(--beffen-rom-5) var(--beffen-rom-6);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst)}
.boble.inn{margin-right:var(--beffen-rom-8);background:var(--pd-panel)}
.boble.ut{margin-left:var(--beffen-rom-8)}
.boble-hode{display:flex;gap:var(--beffen-rom-3);align-items:baseline;margin-bottom:var(--beffen-rom-3);font-family:var(--font-etikett);font-size:var(--skrift-tekst);letter-spacing:.02em;color:var(--pd-demp)}
.boble-hode b{color:var(--pd-tekst);font-weight:600}
.boble p{margin:0;font-size:clamp(18px,1.4vw,20px);line-height:1.45;max-width:52ch}
.boble-fot{margin-top:var(--beffen-rom-3);font-size:var(--skrift-tekst);color:var(--pd-demp)}
.ms-hero .tall{white-space:nowrap}
.ms-hero .verdi{font-weight:600;border-bottom:2px solid var(--pd-kant-sterk);padding-bottom:1px}
.ms-hero .pris{margin:0 0 var(--beffen-rom-3);font-family:var(--font-display);font-weight:500;font-size:clamp(56px,4.5vw,64px);letter-spacing:-.03em;line-height:1;white-space:nowrap}
.ms-hero .pris .strek{margin:0 .12em}
/* Kontrollene: noe man tar på. Står i margen mellom meldingen og svaret, på sverte. */
.h3-kontroll{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--beffen-rom-5);align-items:start;padding:var(--beffen-rom-2) var(--beffen-rom-2) var(--beffen-rom-2) 0;margin-right:var(--beffen-rom-8);color:var(--pd-petrol-tekst)}
.h3-felt label,.h3-flater legend{display:block;margin:0 0 var(--beffen-rom-2);font-size:var(--skrift-tekst-stor);font-weight:500;color:var(--pd-petrol-demp)}
.h3-felt label output{margin-left:var(--beffen-rom-2);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-adresse);color:var(--pd-petrol-tekst)}
.h3-slider{position:relative;height:48px}
.h3-slider .spor{position:absolute;left:0;right:0;top:22px;height:4px;border-radius:var(--pd-radius);background:var(--pd-petrol-demp);overflow:hidden;pointer-events:none}
.h3-slider .spor i{display:block;height:100%;background:var(--pd-petrol-tekst)}
.h3-slider input[type=range]{position:relative;-webkit-appearance:none;appearance:none;width:100%;height:48px;margin:0;background:transparent;cursor:pointer}
.h3-slider input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}
.h3-slider input[type=range]::-moz-range-track{height:4px;background:transparent}
.h3-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;margin-top:-14px;border:0;border-radius:var(--pd-radius);background:var(--pd-petrol-tekst);box-shadow:inset 0 0 0 2px var(--pd-tekst),inset 0 0 0 3px var(--pd-petrol-tekst)}
.h3-slider input[type=range]::-moz-range-thumb{width:32px;height:32px;border:0;border-radius:var(--pd-radius);background:var(--pd-petrol-tekst)}
.h3-slider input[type=range]:focus-visible{outline:2px solid var(--pd-kobber-lys);outline-offset:4px}
@media (hover:hover) and (pointer:fine){.h3-slider input[type=range]:hover::-webkit-slider-thumb{background:var(--pd-petrol-demp)}}
.h3-hint{margin-top:var(--beffen-rom-1);font-size:var(--skrift-tekst);color:var(--pd-petrol-demp)}
.h3-flater{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(3,auto);gap:var(--beffen-rom-1)}
.h3-flater legend{grid-column:1/-1}
/* Høy spesifisitet med vilje: tokens-fila har egne regler for [aria-pressed]. */
.ms .ms-hero .h3-flater .valg,.ms .ms-hero .h3-flater .valg[aria-pressed=false]{min-height:48px;padding:0 var(--beffen-rom-4);border:1px solid var(--pd-petrol-demp);border-radius:var(--pd-radius);background:transparent;background-image:none;box-shadow:none;color:var(--pd-petrol-tekst);font-family:var(--font-tekst);font-size:var(--skrift-tekst-stor);font-weight:500;white-space:nowrap;cursor:pointer}
.ms .ms-hero .h3-flater .valg[aria-pressed=true]{background:var(--pd-petrol-tekst);border-color:var(--pd-petrol-tekst);box-shadow:none;color:var(--pd-tekst);font-weight:600}
.ms .ms-hero .h3-flater .valg:active{transform:scale(.97)}
@media (prefers-reduced-motion:no-preference){.ms .ms-hero .h3-flater .valg{transition:transform .16s var(--ease-ut),border-color .15s var(--ease-ut)}}
@media (hover:hover) and (pointer:fine){.ms .ms-hero .h3-flater .valg[aria-pressed=false]:hover{border-color:var(--pd-petrol-tekst);background:transparent;background-image:none;color:var(--pd-petrol-tekst)}}
@media (max-width:1023px){.ms-hero .ms-ramme{grid-template-columns:1fr;gap:var(--beffen-rom-6)}.ms-hero{min-height:0}}
@media (max-width:759px){
  .ms-hero{padding:var(--beffen-rom-5) 0 var(--beffen-rom-7)}
  .ms-hero .ms-ramme{gap:var(--beffen-rom-4)}
  .ms .ms-hero h1{font-size:clamp(30px,8.5vw,38px);margin-bottom:0}
  .ms-hero .ingress{display:none}
  .ms-hero .tekst{display:contents}
  .ms-hero .knapper{order:3}
  .ms-hero .knapper .ms-kn{flex:1 1 100%}
  .ms-hero .dialog{gap:var(--beffen-rom-2)}
  .boble{padding:var(--beffen-rom-3) var(--beffen-rom-4)}
  .boble.inn{margin-right:var(--beffen-rom-4)}
  .boble.ut{margin-left:var(--beffen-rom-4)}
  .boble p{font-size:16px;line-height:1.4}
  .boble-hode{margin-bottom:var(--beffen-rom-1);font-size:var(--skrift-meta)}
  .ms-hero .pris{font-size:var(--skrift-tall);margin-bottom:var(--beffen-rom-2)}
  .boble.ut .boble-fot{display:none}
  .h3-kontroll{grid-template-columns:1fr;gap:var(--beffen-rom-2);margin-right:0;padding:0}
  .h3-felt label,.h3-flater legend{font-size:var(--skrift-tekst);margin-bottom:0}
  .h3-felt label output{font-size:var(--skrift-tittel)}
  .h3-slider{height:40px}
  .h3-slider .spor{top:18px}
  .h3-slider input[type=range]{height:40px}
  .h3-slider input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-12px}
  .h3-hint{margin-top:0}
  .h3-flater{grid-template-columns:repeat(3,1fr)}
  .h3-flater legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ms .ms-hero .h3-flater .valg{min-height:44px;padding:0 var(--beffen-rom-2);font-size:var(--skrift-tekst)}
}

/* ---------- Reisen: ett steg = stempelord til venstre (står fast), skjermene til høyre ---------- */
.reise-steg{padding:var(--ms-luft-seksjon) 0;border-bottom:1px solid var(--pd-kant)}
.reise-steg .ms-ramme{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--beffen-rom-8);align-items:start}
.reise-steg .fast{position:sticky;top:calc(44px + var(--beffen-rom-7))}
.stempel{margin:0 0 var(--beffen-rom-4);font-family:var(--font-display);font-weight:700;font-size:clamp(56px,6.5vw,96px);line-height:.95;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}
.stempel .punktum{color:var(--pd-kobber)}
.reise-steg .hva{margin:0 0 var(--beffen-rom-3);max-width:34ch;font-size:var(--skrift-under);line-height:1.5}
.reise-steg .slipper{margin:0;font-size:var(--skrift-tekst-stor);font-weight:600;color:var(--pd-demp)}
.reise-steg .skjermer{display:grid;gap:var(--beffen-rom-7)}
.reise-steg .skjerm{margin:0;container-type:inline-size}
.skjerm-hode{display:block;margin:0 0 var(--beffen-rom-3);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-tittel);letter-spacing:.03em;text-transform:uppercase}
@media (max-width:1023px){
  .reise-steg .ms-ramme{grid-template-columns:1fr;gap:var(--beffen-rom-6)}
  .reise-steg .fast{position:static}
}
@media (max-width:759px){
  .reise-steg{padding:var(--ms-luft-seksjon-mobil) 0}
  .stempel{font-size:clamp(44px,13vw,60px)}
  .reise-steg .skjermer{gap:var(--beffen-rom-6)}
}

/* Skjermene: utsnitt med tekst minst 16 px. Adminskjermer i Prisboken uten ramme. */
.skjerm{font-size:var(--skrift-kontroll);line-height:1.4}
.skjerm .tall{white-space:nowrap}
.admin > div{border:1px solid var(--pd-kant);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);max-width:720px}
.skjerm .kn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--beffen-rom-4);border:1px solid var(--pd-kant);border-radius:var(--pd-radius);background:var(--pd-flate-2);font-size:var(--skrift-kontroll);font-weight:600;white-space:nowrap}
.ms .skjerm .kn.primar{background:var(--pd-tekst);border-color:var(--pd-tekst);color:var(--pd-petrol-tekst)}
.skjerm .st{display:inline-flex;align-items:center;height:32px;padding:0 var(--beffen-rom-3);border-radius:var(--pd-radius);color:var(--pd-petrol-tekst);font-family:var(--font-etikett);font-weight:600;font-size:var(--skrift-kontroll);letter-spacing:.05em;text-transform:uppercase;line-height:1;white-space:nowrap}
.skjerm .st.sendt{background:var(--pd-lavendel)}
.skjerm .st.vunnet{background:var(--pd-salvie)}
.skjerm .st.betalt{background:var(--pd-salvie)}
.skjerm .st.planlagt{background:var(--pd-flate);color:var(--pd-demp);border:1px solid var(--pd-kant)}
.skjerm .st.var{opacity:.45}
.skjerm .pil-til{width:10px;height:10px;border-right:1.5px solid var(--pd-demp);border-top:1.5px solid var(--pd-demp);transform:rotate(45deg);margin:0 var(--beffen-rom-1)}
.skjerm .etikett,.skjerm dt{font-family:var(--font-etikett);font-weight:600;font-size:var(--skrift-kontroll);letter-spacing:.04em;text-transform:uppercase;color:var(--pd-demp)}

/* Telefon: kun kundeflater, i papir-temaet. På mobil et kort med tynn kant. */
.telefon{width:100%;max-width:360px}
.telefon > .papir{border:1px solid var(--pd-kant-sterk);border-radius:24px;background:var(--bg);overflow:hidden;color:var(--ink);font-family:var(--font-tekst);font-size:16px;line-height:1.5}
.papir .bk-topp{padding:20px 16px 12px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:var(--skrift-tittel);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.papir .bk-kort{margin:0 16px 20px;padding:20px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-kort)}
.papir .bk-hilsen,.papir .bk-under{margin:0;color:var(--grey);font-size:16px}
.papir .bk-under b{color:var(--ink)}
.papir h3{margin:4px 0 8px;font-family:var(--font-display);font-size:28px;font-weight:600;line-height:1.1;letter-spacing:0;text-transform:none}
.papir h4{margin:20px 0 8px;font-family:var(--font-tekst);font-size:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grey)}
.papir .bk-tider{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.papir .bk-tid{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--line);border-radius:var(--radius-kontroll);background:var(--card);font-size:16px;font-weight:600;color:var(--ink)}
.papir .bk-tid[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--card)}
.papir .bk-skjema{margin-top:20px;padding-top:16px;border-top:1px solid var(--linje-svak)}
.papir .bk-valgt{padding:12px;margin-bottom:12px;border-radius:var(--radius-kontroll);background:var(--bg);font-weight:600;font-size:16px}
.papir .bk-valgt .etikett{display:block;margin-bottom:4px;font-size:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grey)}
.papir label{display:block;margin:12px 0 4px;font-size:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grey)}
.papir .bk-felt{min-height:48px;padding:12px;border:1px solid var(--kant-kontroll);border-radius:var(--radius-kontroll);background:var(--flate-input);font-size:16px}
.papir .bk-kn{display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:16px;border-radius:var(--radius-kontroll);background:var(--primar-bg);color:var(--primar-tekst);font-weight:700;font-size:16px}
.papir .bk-kn.sekundar{background:var(--card);color:var(--ink);border:1px solid var(--line);margin-top:8px}
.papir .kt-sumband{display:flex;flex-direction:column;gap:4px;margin:16px 0 12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-kontroll);background:var(--bg)}
.papir .kt-sumband span{font-size:16px;color:var(--grey)}
.papir .kt-sumband b{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:1}
.papir .kt-status{display:block;margin:4px 0 8px;padding:8px 12px;border-radius:var(--radius-kontroll);font-size:16px;font-weight:600;line-height:1.4}
.papir .kt-status.venter{background:var(--bg);border:1px solid var(--line);color:var(--grey)}
.papir .kt-status.ok{margin-top:16px;background:var(--linje-svak);color:var(--ok)}
.papir .kt-huk{display:flex;align-items:center;gap:12px;margin:16px 0 4px;font-size:16px;font-weight:600}
.papir .kt-boks{width:24px;height:24px;border:2px solid var(--ink);border-radius:var(--radius-kontroll);background:var(--ink);box-shadow:inset 0 0 0 4px var(--card);flex:none}

/* I dag (Booket) */
.idag-hode{display:flex;align-items:baseline;gap:var(--beffen-rom-3);padding:var(--beffen-rom-5) var(--beffen-rom-5) var(--beffen-rom-4);border-bottom:1px solid var(--pd-kant-svak)}
.idag-h1,.bef-h1{font-family:var(--font-display);font-weight:600;font-size:var(--skrift-h1);letter-spacing:.02em;text-transform:uppercase;line-height:1}
.idag-dato,.bef-meta{font-size:var(--skrift-kontroll);color:var(--pd-demp)}
.idag-seksjon{padding:var(--beffen-rom-5)}
.idag-seksjonshode{display:flex;align-items:center;gap:var(--beffen-rom-2);padding-bottom:var(--beffen-rom-2);border-bottom:2px solid var(--pd-tekst);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-under);letter-spacing:.03em;text-transform:uppercase}
.idag .antall{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--beffen-rom-2);border:1px solid var(--pd-tekst);border-radius:var(--pd-radius);font-family:var(--font-etikett);font-size:var(--skrift-kontroll);font-weight:700;letter-spacing:0}
.idag .td-rad{display:flex;align-items:center;gap:var(--beffen-rom-3);min-height:44px;padding:var(--beffen-rom-4) var(--beffen-rom-4);border-bottom:1px solid var(--pd-kant-svak)}
.idag .prikk{width:8px;height:8px;border-radius:var(--pd-radius);background:var(--pd-kobber-mork);flex:none}
.idag .td-tekst{min-width:0;flex:1}
.idag .td-tekst b{display:block;font-weight:600;font-size:var(--skrift-under)}
.idag .td-tekst span{color:var(--pd-demp)}
.idag .td-pil{flex:none;width:8px;height:8px;border-right:1.5px solid var(--pd-demp);border-bottom:1.5px solid var(--pd-demp);transform:rotate(-45deg)}
.idag .td-handlinger{display:flex;gap:var(--beffen-rom-2);padding:var(--beffen-rom-4) var(--beffen-rom-4) 0}

/* Befaring (Målt opp): ett rom, mål, kvm-pris, sum */
.bef-hode{display:flex;flex-direction:column;gap:var(--beffen-rom-2);padding:var(--beffen-rom-5);border-bottom:1px solid var(--pd-kant-svak)}
.rom{padding:var(--beffen-rom-5)}
.rom-hode{display:flex;align-items:baseline;gap:var(--beffen-rom-3);padding-bottom:var(--beffen-rom-3);border-bottom:2px solid var(--pd-tekst)}
.rom-hode b{font-family:var(--font-display);font-weight:600;font-size:var(--skrift-adresse)}
.rom-hode span{color:var(--pd-demp)}
.rom-mal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--beffen-rom-4);margin:var(--beffen-rom-4) 0 0}
.rom-mal div{min-width:0}
.rom-mal dt{margin-bottom:var(--beffen-rom-1)}
.rom-mal dd{margin:0;padding:var(--beffen-rom-3);border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate-2);font-size:var(--skrift-kontroll)}
.rom-linjer{margin-top:var(--beffen-rom-4);border-top:1px solid var(--pd-kant-svak)}
.rom-linjer > div{display:flex;justify-content:space-between;gap:var(--beffen-rom-4);padding:var(--beffen-rom-3) 0;border-bottom:1px solid var(--pd-kant-svak)}
.rom-linjer > div > span:last-child{font-weight:600}
.bef .sumbar{display:flex;align-items:center;justify-content:space-between;gap:var(--beffen-rom-4);padding:var(--beffen-rom-4) var(--beffen-rom-5);border-top:2px solid var(--pd-tekst);background:var(--pd-flate)}
.bef .sumbar > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--beffen-rom-1) var(--beffen-rom-3)}
.bef .sum-etikett{color:var(--pd-demp)}
.bef .sum{font-family:var(--font-display);font-weight:500;font-size:var(--skrift-kpi);letter-spacing:-.03em;line-height:1}
.bef .mva{color:var(--pd-demp)}

/* Tilbudspanelet (Sendt, Akseptert, Rett i Tripletex) */
.dv-hode{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--beffen-rom-5);padding:var(--beffen-rom-5);border-bottom:1px solid var(--pd-kant-svak)}
.dv-hode > div:first-child{display:grid;gap:var(--beffen-rom-1);min-width:0}
.dv-nr{font-family:var(--font-etikett);font-weight:600;font-size:var(--skrift-kontroll);letter-spacing:.04em;text-transform:uppercase;color:var(--pd-demp)}
.dv-adr{font-family:var(--font-display);font-weight:500;font-size:clamp(26px,2vw,34px);line-height:1.1;letter-spacing:-.01em}
.dv-kunde{color:var(--pd-demp)}
.dv-sumboks{display:grid;gap:var(--beffen-rom-1);justify-items:end;flex:none}
.dv-sumlabel{font-family:var(--font-etikett);font-weight:600;font-size:var(--skrift-kontroll);letter-spacing:.06em;text-transform:uppercase;color:var(--pd-demp)}
.dv-sum{font-family:var(--font-display);font-weight:600;font-size:var(--skrift-kpi);letter-spacing:-.03em;line-height:1;padding-bottom:6px;border-bottom:2px solid var(--pd-kobber)}
.dv-rad{display:flex;flex-wrap:wrap;align-items:center;gap:var(--beffen-rom-3);padding:var(--beffen-rom-4) var(--beffen-rom-5);border-bottom:1px solid var(--pd-kant-svak)}
.dv-meta{color:var(--pd-demp)}
.dv-neste{display:grid;gap:var(--beffen-rom-1);padding:var(--beffen-rom-4) var(--beffen-rom-5)}
.dv-neste span{color:var(--pd-demp)}
.dv-logg{padding:var(--beffen-rom-3) var(--beffen-rom-5) var(--beffen-rom-4)}
.dv-logg > div{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--beffen-rom-4);padding:var(--beffen-rom-3) 0;border-bottom:1px solid var(--pd-kant-svak)}
.dv-logg > div:last-child{border-bottom:0}
.dv-logg > div > span:first-child{color:var(--pd-demp)}
.plan{padding:0 var(--beffen-rom-5)}
.plan-rad{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;align-items:center;gap:var(--beffen-rom-4);padding:var(--beffen-rom-4) 0;border-bottom:1px solid var(--pd-kant-svak)}
.plan-tekst{display:grid;gap:var(--beffen-rom-1);min-width:0}
.plan-tekst span{color:var(--pd-demp)}
.plan-belop{font-weight:600}
.dv-lest{padding:var(--beffen-rom-4) var(--beffen-rom-5);color:var(--pd-demp)}
@media (max-width:759px){
  .telefon{max-width:none}
  .telefon > .papir{border:1px solid var(--pd-kant);border-radius:var(--pd-radius)}
  .papir .bk-topp{padding:12px 16px 4px}
  .papir .bk-kort{margin:0 12px 12px;padding:16px 12px}
  .papir .bk-tider{gap:6px}
  .papir .bk-tid{min-height:44px}
  .idag-hode,.idag-seksjon,.bef-hode,.rom,.dv-hode,.dv-rad,.dv-neste,.dv-logg,.dv-lest{padding-left:var(--beffen-rom-4);padding-right:var(--beffen-rom-4)}
  .plan{padding:0 var(--beffen-rom-4)}
  .rom-mal{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--beffen-rom-3)}
  .rom-linjer{display:none}
  .bef .sumbar{flex-direction:column;align-items:stretch;padding:var(--beffen-rom-4)}
  .dv-hode{flex-direction:column;gap:var(--beffen-rom-3)}
  .dv-sumboks{justify-items:start}
  .dv-logg,.dv-neste,.dv-kunde,.papir .bk-kn.sekundar,.papir .dag-2{display:none}
  .reise-steg .skjermer{gap:var(--beffen-rom-5)}
  .plan-rad{grid-template-columns:minmax(0,1fr) max-content}
  .plan-rad .st,.plan-rad .kn{grid-column:1/-1;justify-self:start}
}

/* Fra 1200 px: årsak til venstre, virkning til høyre, hvert steg i én skjermhøyde */
@media (min-width:1200px){
  .reise-steg{padding:var(--beffen-rom-8) 0}
  .reise-steg .ms-ramme{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--beffen-rom-7)}
  .reise-steg .fast{top:calc(44px + var(--beffen-rom-6))}
  .reise-steg .skjermer{grid-template-columns:1fr 1fr;gap:var(--beffen-rom-5);align-items:start}
  .reise-steg .skjermer > .skjerm:only-child{grid-column:1/-1;max-width:720px}
  .stempel{font-size:clamp(48px,5vw,72px)}
  .admin > div{max-width:none}
  .telefon{max-width:360px}
}
/* Smale skjermkolonner: samme grep som på mobil, styrt av kolonnebredden */
@container (max-width:479px){
  .idag-hode,.idag-seksjon,.bef-hode,.rom,.dv-hode,.dv-rad,.dv-neste,.dv-logg,.dv-lest{padding-left:var(--beffen-rom-4);padding-right:var(--beffen-rom-4)}
  .plan{padding:0 var(--beffen-rom-4)}
  .rom-mal{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--beffen-rom-3)}
  .bef .sumbar{flex-direction:column;align-items:stretch;padding:var(--beffen-rom-4)}
  .dv-hode{flex-direction:column;gap:var(--beffen-rom-3)}
  .dv-sumboks{justify-items:start}
  .dv-logg > div{grid-template-columns:1fr;gap:var(--beffen-rom-1)}
  .plan-rad{grid-template-columns:minmax(0,1fr) max-content}
  .plan-rad .st,.plan-rad .kn{grid-column:1/-1;justify-self:start}
  .idag .td-handlinger{flex-wrap:wrap}
}
/* Avslutningen: reversert sverte som i hero, én kobberhandling */
.reise-steg.slutt{background:var(--pd-tekst);color:var(--pd-petrol-tekst);border-bottom:0}
.reise-steg.slutt .ms-ramme{grid-template-columns:1fr}
.reise-steg.slutt .fast{position:static;max-width:60ch}
.reise-steg.slutt .hva{color:var(--pd-petrol-demp);max-width:46ch;font-size:var(--ms-skrift-ingress)}
.reise-steg.slutt .knapper{margin-top:var(--beffen-rom-6)}
.reise-steg.slutt .ms-kn.primar{min-height:52px;padding:0 var(--beffen-rom-6)}
.reise-steg.slutt ::selection{background:var(--pd-kobber);color:var(--pd-kobber-fyll-tekst)}

/* ---------- Bildene: før ved befaringstallene, etter i full bredde ---------- */
.skjerm.bilde img{display:block;width:100%;max-width:420px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 55%;border-radius:var(--pd-radius)}
.bildetekst,.slutt-bilde figcaption{margin:var(--beffen-rom-2) 0 0;font-size:var(--skrift-tekst);color:var(--pd-demp)}
.slutt-bilde{margin:var(--beffen-rom-8) 0 0}
.slutt-bilde img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover;object-position:50% 58%}
.slutt-bilde figcaption{padding:var(--beffen-rom-3) var(--beffen-rom-5) 0;color:var(--pd-petrol-demp)}
.reise-steg.slutt{padding-bottom:var(--beffen-rom-7)}
.reise-steg.slutt .ms-ramme{grid-template-columns:1fr}
@media (max-width:759px){
  .skjerm.bilde img{max-width:none;aspect-ratio:4/3}
  .slutt-bilde{margin-top:var(--beffen-rom-6)}
  .slutt-bilde img{max-height:none;aspect-ratio:4/5}
  .slutt-bilde figcaption{padding:var(--beffen-rom-2) var(--beffen-rom-4) 0}
}

/* ---------- Etter reisen: papir, ark, papir, sverte, papir ---------- */
.kjenne{background:var(--pd-bg)}
.kjenne-liste{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--beffen-rom-6);margin-top:var(--beffen-rom-7);padding-top:var(--beffen-rom-5);border-top:2px solid var(--pd-tekst)}
.kjenne-rad h3,.pris-rad h3{margin:0 0 var(--beffen-rom-2);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-adresse);letter-spacing:.01em;line-height:1.15;text-transform:none}
.kjenne-rad p,.pris-rad p{margin:0;font-size:var(--skrift-kontroll);line-height:1.5;color:var(--pd-demp);max-width:34ch}
.pris{background:var(--pd-flate);border-top:1px solid var(--pd-kant);border-bottom:1px solid var(--pd-kant)}
.pris-liste{display:grid;gap:0;margin:var(--beffen-rom-6) 0 var(--beffen-rom-6);max-width:64ch}
.pris-rad{display:grid;gap:var(--beffen-rom-1);padding:var(--beffen-rom-5) 0;border-top:1px solid var(--pd-kant-svak)}
.pris-rad:last-child{border-bottom:1px solid var(--pd-kant-svak)}
.faq{background:var(--pd-bg)}
.faq-liste{margin-top:var(--beffen-rom-6);max-width:72ch;border-top:2px solid var(--pd-tekst)}
.faq details{border-bottom:1px solid var(--pd-kant)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--beffen-rom-4);min-height:56px;padding:var(--beffen-rom-3) 0;list-style:none;cursor:pointer;font-size:var(--skrift-under);font-weight:600;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:10px;height:10px;border-right:1.5px solid var(--pd-tekst);border-bottom:1.5px solid var(--pd-tekst);transform:rotate(45deg);margin-right:4px;transition:transform .15s var(--ease-ut)}
.faq details[open] summary::after{transform:rotate(-135deg)}
@media (prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
.faq summary:focus-visible{outline:2px solid var(--pd-fokus);outline-offset:2px}
.faq details p{margin:0 0 var(--beffen-rom-5);max-width:64ch;font-size:var(--skrift-kontroll);line-height:1.5;color:var(--pd-demp)}
.demo{background:var(--pd-tekst);color:var(--pd-petrol-tekst)}
.demo .ms-ramme{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--beffen-rom-8);align-items:start}
.demo .ms-h2{color:var(--pd-petrol-tekst)}
.demo .ms-ingress{color:var(--pd-petrol-demp)}
.demo ::selection{background:var(--pd-kobber);color:var(--pd-kobber-fyll-tekst)}
.demo-skjema{display:grid;gap:var(--beffen-rom-4);max-width:480px}
.felt-rad{display:grid;gap:var(--beffen-rom-1)}
.felt-rad label{font-size:var(--skrift-tekst-stor);font-weight:500;color:var(--pd-petrol-demp)}
.felt-rad input{width:100%;min-height:52px;padding:0 var(--beffen-rom-4);border:1px solid var(--pd-petrol-demp);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);font-family:var(--font-tekst);font-size:var(--skrift-kontroll)}
.felt-rad input:focus-visible{outline:2px solid var(--pd-kobber-lys);outline-offset:3px}
.felle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.demo-feil{margin:0;padding:var(--beffen-rom-3) var(--beffen-rom-4);border:1px solid var(--pd-kobber-lys);border-radius:var(--pd-radius);color:var(--pd-petrol-tekst);font-size:var(--skrift-kontroll)}
.demo .ms-kn.primar{min-height:52px;justify-self:start;padding:0 var(--beffen-rom-6)}
.demo-personvern{margin:0;font-size:var(--skrift-tekst);color:var(--pd-petrol-demp);max-width:46ch}
.demo-personvern a{color:var(--pd-petrol-tekst)}
.demo-kvittering{max-width:480px;padding:var(--beffen-rom-5);border:1px solid var(--pd-petrol-demp);border-radius:var(--pd-radius)}
.demo-kvittering h3{margin:0 0 var(--beffen-rom-2);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-adresse);text-transform:none}
.demo-kvittering p{margin:0;color:var(--pd-petrol-demp);font-size:var(--skrift-kontroll)}
.demo-kvittering:focus{outline:none}
.ms-fot{padding:var(--beffen-rom-6) 0;border-top:1px solid var(--pd-kant);background:var(--pd-bg)}
.ms-fot .ms-ramme{display:flex;flex-wrap:wrap;align-items:center;gap:var(--beffen-rom-4) var(--beffen-rom-6)}
.ms-fot p{margin:0;font-size:var(--skrift-tekst-stor);color:var(--pd-demp)}
.ms-fot a:not(.ms-merke){margin-left:auto;font-size:var(--skrift-tekst-stor);color:var(--pd-tekst)}
.tekstside h2{margin:var(--beffen-rom-6) 0 var(--beffen-rom-2);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-under);letter-spacing:.03em;text-transform:uppercase}
.tekstside p{max-width:64ch;line-height:1.5}
@media (max-width:1023px){.demo .ms-ramme{grid-template-columns:1fr;gap:var(--beffen-rom-6)}}
@media (max-width:759px){
  .kjenne-liste{grid-template-columns:1fr;gap:var(--beffen-rom-5)}
  .demo .ms-kn.primar{justify-self:stretch}
  .ms-fot a:not(.ms-merke){margin-left:0}
}

/* ---------- Bevegelse: jobben går framover. Kun transform og opacity. Sluttilstand uten .anim (redusert bevegelse / uten JS). ---------- */
/* Hero: boblene flytter seg bare (transform), så LCP-kandidatene er tegnet fra første bilde. Ordene og tallene er det som «skriver seg fram». */
.anim .venter .boble.inn{transform:translateY(16px);opacity:0}
.anim .venter .h3-kontroll{opacity:0;transform:translateY(8px)}
.anim .venter .boble.ut{transform:translateY(16px)}
.anim .spiller .boble.inn,.anim .spiller .h3-kontroll,.anim .spiller .boble.ut{opacity:1;transform:none;transition:opacity .35s var(--ease-ut),transform .35s var(--ease-ut)}
.anim .spiller .h3-kontroll{transition-delay:.2s}
.anim .spiller .boble.ut{transition-delay:.3s}
.anim .venter .boble.ut p .ord,.anim .spiller .boble.ut p .ord{opacity:0}
.anim .spiller .boble.ut p .ord{transition:opacity .12s linear;opacity:1}
.anim .spilt .boble.ut p .ord{opacity:1}
/* Booket: stempel (1), punktum (2), Karis valg (3), «Valgt tidspunkt» (4), saken hos deg (5) */
.anim #booket.venter .stempel{opacity:0;transform:scale(1.6)}
.anim #booket.venter .stempel .punktum{opacity:0;transform:scale(0)}
.anim #booket.spiller .stempel{opacity:1;transform:none;transition:opacity .22s cubic-bezier(.3,0,.2,1),transform .28s cubic-bezier(.3,0,.2,1)}
.anim #booket.spiller .stempel .punktum{display:inline-block;opacity:1;transform:none;transition:opacity .12s var(--ease-ut),transform .18s var(--ease-ut);transition-delay:.32s}
.anim #booket .stempel .punktum{display:inline-block}
.papir .bk-tid{position:relative}
.papir .bk-tid[aria-current]{background:var(--card);border-color:var(--line);color:var(--ink)}
.papir .bk-tid[aria-current]::after{content:attr(data-tid);position:absolute;inset:-1px;display:grid;place-items:center;border-radius:var(--radius-kontroll);background:var(--ink);color:var(--card);font-variant-numeric:tabular-nums}
.anim #booket.venter .bk-tid[aria-current]::after{opacity:0;transform:scale(.85)}
.anim #booket.spiller .bk-tid[aria-current]::after{opacity:1;transform:none;transition:opacity .16s var(--ease-ut),transform .2s var(--ease-ut);transition-delay:.55s}
.anim #booket.venter .bk-skjema{opacity:0;transform:translateY(8px)}
.anim #booket.spiller .bk-skjema{opacity:1;transform:none;transition:opacity .3s var(--ease-ut),transform .3s var(--ease-ut);transition-delay:.8s}
.anim #booket.venter .idag .td-rad,.anim #booket.venter .idag .td-handlinger{opacity:0;transform:translateY(10px)}
.anim #booket.spiller .idag .td-rad,.anim #booket.spiller .idag .td-handlinger{opacity:1;transform:none;transition:opacity .35s var(--ease-ut),transform .35s var(--ease-ut);transition-delay:1.1s}
.anim #booket.spiller .idag .td-handlinger{transition-delay:1.2s}