/* prov.css - «Prøv en befaring» (prov.html). Kun tokens fra design-tokens.css og markedsside-tokens.css.
   Flatene veksler: kobber (åpning, avslutning), papir (fag, jobber, pris, bilder), sverte (rom og mål, tilbudet).
   Brødtekst 20 px, aldri under 18. Kontroller 56 px. Bevegelse etter emil-design-eng: kun transform og opacity i
   bevegelse, ease-ut inn/ut, ease-inn-ut på skjermen, skuff-kurve på skuffen. Uten .anim ingen bevegelse. */
.pv{font-size:var(--pv-tekst);line-height:1.45;caret-color:var(--pd-kobber);position:relative}
.pv ::selection{background:var(--pd-kobber);color:var(--pd-kobber-fyll-tekst)}
.pv :focus-visible{outline:2px solid var(--pd-fokus);outline-offset:3px}
.pv .tall{font-variant-numeric:tabular-nums lining-nums}
.pv p:not([class]){margin:0}
.pv [hidden]{display:none!important}
.pv svg.ik{width:36px;height:36px;flex:none;fill:currentColor}

/* Flater */
.pv-band{display:flex;flex-direction:column;padding:var(--beffen-rom-7) 0}
.pv-band>.ms-ramme{flex:1 0 auto;width:100%}
/* Linjene på flatene: prisbokens hårstrek og 2 px-strek følger med over på kobber og sverte.
   Ett strekpar per flate, avledet av flatens egen tekstfarge med color-mix (ingen nye farger). */
.pv-band.pv-papir,.pv-forside .faq{--pv-linje:var(--pd-kant);--pv-linje-sterk:var(--pd-kant-sterk)}
.pv-band.pv-sverte,.pv-forside .demo{--pv-linje:color-mix(in srgb,var(--pd-petrol-tekst) 28%,transparent);--pv-linje-sterk:color-mix(in srgb,var(--pd-petrol-tekst) 48%,transparent)}
.pv-band.pv-kobber,.pv-forside .pris{--pv-linje:color-mix(in srgb,var(--pd-kobber-fyll-tekst) 42%,transparent);--pv-linje-sterk:color-mix(in srgb,var(--pd-kobber-fyll-tekst) 65%,transparent)}
.pv-band.pv-papir{background:var(--pd-bg);color:var(--pd-tekst)}
.pv-band.pv-sverte{background:var(--pd-tekst);color:var(--pd-petrol-tekst)}
.pv-band.pv-kobber{background:var(--pd-kobber);color:var(--pd-kobber-fyll-tekst)}
.pv-band.pv-kobber ::selection{background:var(--pd-tekst);color:var(--pd-petrol-tekst)}
.pv-band.pv-kobber :focus-visible,.pv-band.pv-sverte :focus-visible{outline-color:var(--pd-petrol-tekst)}
.pv-band:not(.pv-apning):not(.pv-slutt):not(.pv-tillegg):not(:has(.pv-steg:not([hidden]))){display:none}
/* Det aktive steget eier skjermen: flaten fyller minst skjermhøyden under topplinjene, så Tillegg først kommer når man ruller videre */
.pv-steg[data-tilstand=aktiv]{min-height:calc(100svh - var(--pv-topp-h) - var(--beffen-rom-7))}
@media (max-width:1023px){.pv-steg[data-tilstand=aktiv]{min-height:calc(100svh - var(--pv-topp-h))}}
.pv-band:has(.pv-steg[data-tilstand=aktiv]){min-height:calc(100svh - var(--pv-topp-h))}
.pv-band+.pv-band{border-top:1px solid var(--pd-kant-sterk)}
.pv-band.pv-kobber+.pv-band,.pv-band+.pv-band.pv-kobber,.pv-band.pv-sverte+.pv-band,.pv-band+.pv-band.pv-sverte{border-top:0}
/* Samme sidemarg på toppmenyen, stegraden, demoen og seksjonene under */
.pv-forside .ms-topp .ms-ramme,.pv-forside .pv-band .ms-ramme,.pv-forside .pv-topp .ms-ramme,.pv-forside .ms-seksjon .ms-ramme{max-width:var(--pv-ramme-maks)}
.pv-forside .pv-tillegg,.pv-forside .pris,.pv-forside .faq,.pv-forside .demo{padding:var(--ms-luft-seksjon) 0}
.pv-ramme{display:grid;grid-template-columns:minmax(0,1fr) var(--pv-ark-b);gap:var(--beffen-rom-6);align-items:stretch}
/* Spaltestreken: steget til venstre, arket til høyre, en hårstrek imellom som går hele flaten ned */
.pv-lop{min-width:0;padding-right:var(--beffen-rom-6);border-right:1px solid var(--pv-linje)}

/* Toppen: «STEG 2 AV 7» (kort stempelord i versaler) */
.pv-topp{position:sticky;top:0;z-index:9;background:var(--pd-bg);color:var(--pd-tekst);border-bottom:1px solid var(--pd-kant-sterk)}
.pv-topp .ms-ramme{display:flex;align-items:center;gap:var(--beffen-rom-5);min-height:var(--pv-topp-h)}
.pv-steg-av{display:flex;align-items:baseline;gap:var(--beffen-rom-3);font-family:var(--font-etikett);font-weight:600;font-size:var(--pv-liten);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.pv-steg-navn{color:var(--pd-demp);font-weight:500;letter-spacing:.02em;text-transform:none}
.pv-prikker{display:flex;flex:0 1 auto;min-width:0;gap:4px;margin:0 0 0 auto;padding:0;list-style:none}
.pv-prikker li{width:28px;height:4px;flex:0 1 auto;background:var(--pd-kant)}
.pv-prikker li.ferdig{background:var(--pd-tekst)}
.pv-prikker li.naa{background:var(--pd-kobber)}
.pv-nytt{flex:none;min-height:44px;padding:0 var(--beffen-rom-2);border:0;background:none;color:var(--pd-tekst);font:inherit;font-size:var(--pv-liten);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--pd-kobber);cursor:pointer}
.pv-nytt:active{transform:scale(.97)}
.anim .pv-nytt{transition:transform 160ms var(--ease-ut)}
/* Bekreftelsen: i siden, under stegraden, ikke en dialogboks fra nettleseren */
.pv-bekreft{border-top:1px solid var(--pd-kant-sterk);background:var(--pd-flate);color:var(--pd-tekst)}
.pv-bekreft .ms-ramme{display:flex;flex-wrap:wrap;align-items:center;gap:var(--beffen-rom-3) var(--beffen-rom-5);padding-top:var(--beffen-rom-3);padding-bottom:var(--beffen-rom-3)}
.pv-bekreft p{margin:0;font-weight:600;font-size:var(--pv-tekst)}
.pv-bekreft-knapper{display:flex;flex-wrap:wrap;gap:var(--beffen-rom-2);margin-left:auto}
/* Arket, stegraden og sumlinjen vises bare mens demoen er i bildet (utgang 200 ms, raskere enn inngangen) */
.pv-topp.borte,.pv-ark-side.borte,.pv-bunn.borte{opacity:0;visibility:hidden;pointer-events:none}
.pv-topp.naa,.pv-ark-side.naa,.pv-bunn.naa{transition:none!important}
.anim .pv-topp,.anim .pv-ark-side,.anim .pv-bunn{transition:opacity 200ms var(--ease-ut),visibility 0s linear 200ms}
.anim .pv-topp:not(.borte),.anim .pv-ark-side:not(.borte),.anim .pv-bunn:not(.borte){transition:opacity 300ms var(--ease-ut),visibility 0s}
.pv-handling-nytt{margin-top:var(--beffen-rom-5)}

/* Åpningen: kobber, stor overskrift, arket på skrå ved siden av */
.pv-apning{padding-top:var(--beffen-rom-8)}
.pv-intro{margin-bottom:var(--beffen-rom-6);padding-bottom:var(--beffen-rom-6);border-bottom:1px solid var(--pv-linje)}
.pv-intro h1{margin:0 0 var(--beffen-rom-4);font-family:var(--font-display);font-weight:600;font-size:clamp(48px,6.4vw,96px);line-height:.96;letter-spacing:.005em;text-wrap:balance}
.pv-intro p{max-width:30em;font-size:clamp(20px,1.7vw,24px);line-height:1.4}
.pv-ark-apning-ramme{display:none}

/* Ett steg = ett oppslag. Besvarte steg står som én linje med «Endre». */
.pv-steg{border-top:1px solid var(--pd-kant-sterk);padding:var(--beffen-rom-5) 0;scroll-margin-top:calc(var(--pv-topp-h) + var(--beffen-rom-3))}
.pv-kobber .pv-steg,.pv-sverte .pv-steg{border-top-color:var(--pv-linje)}
.pv-steg[data-tilstand=aktiv]{border-top:2px solid currentColor;padding-top:var(--beffen-rom-6);padding-bottom:var(--beffen-rom-7)}
.pv-steg[data-tilstand=aktiv] .pv-sammendrag{display:none}
.pv-steg[data-tilstand=besvart] .pv-innhold{display:none}
.pv-sammendrag{display:flex;align-items:center;gap:var(--beffen-rom-4);min-height:var(--pv-kontroll)}
.pv-sammendrag-tekst{display:grid;gap:2px;min-width:0}
.pv-sammendrag-navn{font-size:var(--pv-liten);opacity:.75}
.pv-sammendrag-verdi{overflow-wrap:anywhere;font-weight:600}
.pv-endre{margin-left:auto;flex:none;min-height:48px;padding:0 var(--beffen-rom-4);border:1px solid currentColor;border-radius:var(--pd-radius);background:transparent;color:inherit;font:inherit;font-size:var(--pv-liten);font-weight:600;cursor:pointer}
.pv-sporsmal{margin:0 0 var(--beffen-rom-3);font-family:var(--font-display);font-weight:600;font-size:clamp(36px,4.6vw,60px);line-height:1.02;letter-spacing:0;text-wrap:balance}
.pv-sporsmal:focus{outline:none}
.pv-hjelp{font-size:var(--pv-liten);margin:0 0 var(--beffen-rom-5);opacity:.8;max-width:36em}
.pv-hjelp a{color:inherit}
.pv-feil{margin:var(--beffen-rom-4) 0 0;padding:var(--beffen-rom-3) var(--beffen-rom-4);border:1px solid var(--pd-varsel-kant);border-radius:var(--pd-radius);background:var(--pd-varsel-flate);color:var(--pd-varsel);font-weight:500}

/* Knapper: 56 px. Kobber = Neste på papir og sverte; på kobber er Neste sverte. Trykkfølelse på alt som kan trykkes. */
.pv-kn,.pv .ms-kn.pv-kn{min-height:var(--pv-kontroll);padding:0 var(--beffen-rom-5);font-size:var(--pv-tekst);font-weight:600;white-space:normal;text-align:center}
.pv-kobber .ms-kn.primar{background:var(--pd-tekst);border-color:var(--pd-tekst);color:var(--pd-petrol-tekst)}
.pv-kobber .ms-kn:not(.primar){background:var(--pd-flate);color:var(--pd-tekst);border-color:var(--pd-flate)}
.pv-sverte .ms-kn:not(.primar){background:var(--pd-flate);color:var(--pd-tekst);border-color:var(--pd-flate)}
@media (hover:hover) and (pointer:fine){.pv-kobber .ms-kn.primar:hover{background:var(--pd-nav-aktiv);border-color:var(--pd-nav-aktiv)}.pv-kobber .ms-kn:not(.primar):hover,.pv-sverte .ms-kn:not(.primar):hover{background:var(--pd-rad-hover);border-color:var(--pd-rad-hover)}}
.pv-handling{display:flex;flex-wrap:wrap;gap:var(--beffen-rom-3);margin-top:var(--beffen-rom-6)}
.pv-handling [data-neste],.pv-handling [type=submit]{margin-left:auto;min-width:11em}
.pv .ms-kn:active,.pv-endre:active,.pv-flis:active,.pv-bilde:active,.pv-pm:active,.pv-linje-fjern:active{transform:scale(.97)}
.anim .pv .ms-kn,.anim .pv-endre,.anim .pv-pm,.anim .pv-linje-fjern{transition:transform 160ms var(--ease-ut),background-color 150ms var(--ease-ut),border-color 150ms var(--ease-ut)}
.pv .ms-kn[disabled]{opacity:.55;cursor:default}

/* Felt: ledetekst over, 56 px høyt */
.pv-felt{display:grid;gap:var(--beffen-rom-2);margin-bottom:var(--beffen-rom-5)}
.pv-felt label{font-weight:600;font-size:var(--pv-liten)}
.pv-felt input,.pv-felt select{width:100%;min-height:var(--pv-kontroll);padding:0 var(--beffen-rom-4);border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);font:inherit;font-size:var(--pv-tekst)}
.pv-kobber .pv-felt input,.pv-sverte .pv-felt input{border-color:var(--pd-flate)}
.pv-felt input::placeholder{color:var(--pd-demp-2)}
.pv-felt input[aria-invalid=true]{border-color:var(--pd-varsel);box-shadow:inset 0 0 0 1px var(--pd-varsel)}
.pv-felt .pv-hjelp{margin:0}
.pv-adr{position:relative}
/* Forslagene ligger i flyten under feltet og skyver hjelpeteksten og knappene ned, så listen aldri dekker Neste */
.pv-forslag{margin:4px 0 0;padding:0;list-style:none;background:var(--pd-flate);color:var(--pd-tekst);border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);box-shadow:var(--pd-skygge);max-height:60vh;overflow-y:auto;overscroll-behavior:contain}
.pv-forslag li{display:flex;align-items:center;min-height:var(--pv-kontroll);padding:var(--beffen-rom-2) var(--beffen-rom-4);border-top:1px solid var(--pd-kant-svak);cursor:pointer}
.pv-forslag li:first-child{border-top:0}
.pv-forslag li.aktiv,.pv-forslag li:hover{background:var(--pd-rad-hover)}
.pv-forslag li.fri{color:var(--pd-demp)}
.pv-forslag li.kilde{min-height:0;padding:var(--beffen-rom-2) var(--beffen-rom-4);font-size:var(--pv-liten);color:var(--pd-demp);cursor:default;pointer-events:none} /* kildelinjen skal ikke fange trykk på Neste under listen */
.pv-forslag li.kilde:hover{background:transparent}

/* Fliser: store, minst 56 px. Valgt = fylt sverte med kobberhake. */
.pv-fliser{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--beffen-rom-3)}
.pv-fliser-fag{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--beffen-rom-4)}
@media (min-width:1280px){.pv-fliser-fag{grid-template-columns:repeat(4,minmax(0,1fr))}} /* åtte fag = to rader */
.pv-fliser{gap:var(--beffen-rom-4)}
.pv-flis{position:relative;display:flex;align-items:center;gap:var(--beffen-rom-3);min-height:72px;padding:var(--beffen-rom-3) var(--beffen-rom-4) var(--beffen-rom-3) var(--beffen-rom-3);border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);cursor:pointer;user-select:none}
.pv-flis input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.pv-flis .hake{flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate)}
.pv-flis .hake svg{width:18px;height:18px;opacity:0;transform:scale(.6)}
.pv-flis .tekst{display:grid;gap:2px;min-width:0}
.pv-flis .navn{font-weight:600;line-height:1.2}
.pv-flis .meta{font-size:var(--pv-liten);color:var(--pd-demp);line-height:1.3}
.pv-flis:has(input:checked){background:var(--pd-tekst);border-color:var(--pd-tekst);color:var(--pd-petrol-tekst)}
.pv-flis:has(input:checked) .meta{color:var(--pd-petrol-demp)}
.pv-flis:has(input:checked) .hake{background:var(--pd-kobber);border-color:var(--pd-kobber);color:var(--pd-kobber-fyll-tekst)}
.pv-flis:has(input:checked) .hake svg{opacity:1;transform:none}
.pv-flis:has(input:focus-visible){outline:2px solid var(--pd-fokus);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.pv-flis:has(input:not(:checked)):hover{border-color:var(--pd-tekst);background:var(--pd-rad-hover)}}
.anim .pv-flis{transition:background-color 150ms var(--ease-ut),border-color 150ms var(--ease-ut),color 150ms var(--ease-ut),transform 160ms var(--ease-ut)}
.anim .pv-flis .hake{transition:background-color 150ms var(--ease-ut),border-color 150ms var(--ease-ut)}
.anim .pv-flis .hake svg{transition:opacity 120ms linear,transform 200ms var(--ease-ut)}
/* Fag: ikon over navnet, haken oppe til høyre */
.pv-flis.ikon{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:var(--beffen-rom-4);min-height:168px;padding:var(--beffen-rom-5)}
.pv-flis.ikon svg.ik{width:44px;height:44px}
.pv-flis.ikon .hake{position:absolute;top:var(--beffen-rom-3);right:var(--beffen-rom-3)}
.pv-flis.ikon .navn{font-family:var(--font-display);font-size:clamp(24px,1.6vw,30px);line-height:1.1}
.pv-fag-gruppe{margin-bottom:var(--beffen-rom-6)}
.pv-fag-gruppe h3{margin:0 0 var(--beffen-rom-3);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-adresse);line-height:1.1}

/* Egen linje */
.pv-egen{margin:var(--beffen-rom-2) 0 var(--beffen-rom-5);border:1px solid var(--pd-kant);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst)}
.pv-egen summary{display:flex;align-items:center;gap:var(--beffen-rom-3);min-height:var(--pv-kontroll);padding:0 var(--beffen-rom-4);font-weight:600;cursor:pointer;list-style:none}
.pv-egen summary::-webkit-details-marker{display:none}
.pv-egen summary::before{content:"";flex:none;width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translate(-2px,-2px)}
.anim .pv-egen summary::before{transition:transform 200ms var(--ease-ut)}
.pv-egen[open] summary::before{transform:rotate(45deg) translate(-3px,-3px)}
.pv-egen-skjema{padding:var(--beffen-rom-2) var(--beffen-rom-4) var(--beffen-rom-5);border-top:1px solid var(--pd-kant-svak);display:grid;grid-template-columns:1fr 1fr;gap:0 var(--beffen-rom-4)}
.pv-egen-skjema .pv-felt:first-child{grid-column:1/-1}
.pv-egen-skjema .pv-feil,.pv-egen-skjema .ms-kn{grid-column:1/-1;justify-self:start}
.pv-egen-skjema .pv-feil{margin-bottom:var(--beffen-rom-4)}

/* Sum så langt (under jobbene): summen reagerer når en jobb velges */
.pv-sum-boks{margin-top:var(--beffen-rom-4);padding:var(--beffen-rom-4) var(--beffen-rom-5);border:1px solid var(--pd-kant);border-radius:var(--pd-radius);background:var(--pd-panel);color:var(--pd-tekst)}
.pv-sum-boks>div{display:flex;justify-content:space-between;gap:var(--beffen-rom-4);align-items:baseline}
.pv-sum-boks b{font-family:var(--font-display);font-size:clamp(36px,4vw,48px);font-weight:600;letter-spacing:-.01em;line-height:1}
.pv-sum-boks .pv-hjelp{margin:var(--beffen-rom-2) 0 0}
.pv-sum-boks .pv-hjelp:empty{display:none}

/* Rom og mål på sverte: plantegningen tegnes i hvitt og følger målene uten etterslep */
.pv-rom{margin-bottom:var(--beffen-rom-5);padding:var(--beffen-rom-5);border:1px solid var(--pv-linje-sterk);border-radius:var(--pd-radius)}
.pv-rom-hode{display:flex;align-items:center;gap:var(--beffen-rom-3);margin-bottom:var(--beffen-rom-4)}
.pv-rom-hode h3{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--skrift-adresse);line-height:1.1}
.pv-rom-hode .pv-endre{min-height:44px}
.pv-romtype{display:flex;flex-wrap:wrap;gap:var(--beffen-rom-2);margin-bottom:var(--beffen-rom-5)}
.pv-romtype .pv-flis{min-height:var(--pv-kontroll);padding:0 var(--beffen-rom-4);flex:1 1 auto;justify-content:center}
.pv-romtype .pv-flis .hake{display:none}
.pv-sverte .pv-romtype .pv-flis:has(input:checked){background:var(--pd-kobber);border-color:var(--pd-kobber);color:var(--pd-kobber-fyll-tekst)}
.pv-rom-kropp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--beffen-rom-5);align-items:start}
.pv-maal{display:grid;gap:var(--beffen-rom-3)}
.pv-maal .pv-felt{margin:0}
.pv-plan{display:grid;gap:var(--beffen-rom-3)}
.pv-plan svg{display:block;width:100%;height:auto;max-width:420px;color:var(--pd-petrol-tekst);font-family:var(--font-tekst);font-variant-numeric:tabular-nums}
.pv-plan svg text{fill:currentColor;font-size:18px}
.pv-plan svg .flate{fill:var(--pd-nav-aktiv);stroke:currentColor;stroke-width:3;stroke-linejoin:miter}
.pv-plan svg .vegg{fill:var(--pd-kobber-mork);stroke:var(--pd-kobber-lys);stroke-width:2}
.pv-plan svg .maal{stroke:currentColor;stroke-width:1.5}
.pv-plan svg .stor{font-family:var(--font-display);font-size:26px;font-weight:600}
.pv-plan svg .liten{font-size:18px;opacity:.85}
.pv-beregnet{display:flex;flex-wrap:wrap;gap:var(--beffen-rom-2) var(--beffen-rom-5);margin-top:var(--beffen-rom-2)}
.pv-beregnet span{display:inline-flex;gap:var(--beffen-rom-2);align-items:baseline}
.pv-beregnet b{font-family:var(--font-display);font-size:var(--skrift-adresse);font-weight:600}
.pv-beregnet i{font-style:normal;font-size:var(--pv-liten);opacity:.8}
.pv-legg-rom{margin-bottom:var(--beffen-rom-2)}

/* Tallfelt med minus og pluss */
.pv-teller{display:grid;grid-template-columns:var(--pv-kontroll) minmax(0,1fr) var(--pv-kontroll);border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);overflow:hidden}
.pv-sverte .pv-teller{border-color:var(--pd-flate)}
.pv-teller input{min-height:var(--pv-kontroll);width:100%;border:0;border-left:1px solid var(--pd-kant-svak);border-right:1px solid var(--pd-kant-svak);background:transparent;color:var(--pd-tekst);font:inherit;font-size:var(--pv-tekst);text-align:center;font-variant-numeric:tabular-nums}
.pv-teller input:focus-visible{outline-offset:-3px}
.pv-pm{min-height:var(--pv-kontroll);border:0;background:var(--pd-panel);color:var(--pd-tekst);font:inherit;font-size:28px;line-height:1;cursor:pointer}
@media (hover:hover) and (pointer:fine){.pv-pm:hover{background:var(--pd-rad-hover)}}
.pv-teller:has(input[aria-invalid=true]){border-color:var(--pd-varsel);box-shadow:inset 0 0 0 1px var(--pd-varsel)}

/* Pris: summen er det største på skjermen */
.pv-linje{padding:var(--beffen-rom-5) 0;border-top:1px solid var(--pd-kant-svak);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--beffen-rom-3) var(--beffen-rom-5);align-items:start}
.pv-linje:first-child{border-top:0;padding-top:0}
.pv-linje-navn{font-weight:600;font-size:var(--skrift-adresse);line-height:1.2;font-family:var(--font-display)}
.pv-regne{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .35em;font-family:var(--font-display);font-weight:500;font-size:clamp(26px,2.2vw,36px);line-height:1.1;letter-spacing:-.01em}
.pv-regne .tegn{color:var(--pd-demp);font-weight:400}
.pv-regne .er{font-weight:600}
.pv-linje-sum{display:none}
.pv-linje-felt{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--beffen-rom-4)}
.pv-linje-felt .pv-felt{margin:0}
.pv-linje-felt label span{color:var(--pd-demp);font-weight:500}
.pv-linje-fjern{grid-column:1/-1;justify-self:start;min-height:44px;margin:calc(-1*var(--beffen-rom-3)) 0 calc(-1*var(--beffen-rom-2));padding:0;border:0;background:none;color:var(--pd-demp);font:inherit;font-size:var(--pv-liten);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pv-summer{margin-top:var(--beffen-rom-5);padding-top:var(--beffen-rom-4);border-top:2px solid var(--pd-tekst);display:grid;gap:var(--beffen-rom-2)}
.pv-summer>div{display:flex;justify-content:space-between;gap:var(--beffen-rom-4);align-items:baseline}
.pv-sum-inkl{margin-top:var(--beffen-rom-3);flex-wrap:wrap}
.pv-sum-inkl span{font-size:var(--skrift-adresse)}
.pv-sum-inkl b{font-family:var(--font-display);font-size:clamp(56px,8vw,104px);font-weight:600;letter-spacing:-.02em;line-height:.95}

/* Bilder */
.pv-bilder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:var(--beffen-rom-4)} /* tre i bredden på PC, to på mobil */
.pv-bilde{position:relative;display:flex;flex-direction:column;border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);overflow:hidden;cursor:pointer}
.pv-bilde input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.pv-bilde img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--pd-seksjon)}
.pv-bilde .tekst{display:flex;flex:1;align-items:center;gap:var(--beffen-rom-2);min-height:var(--pv-kontroll);padding:var(--beffen-rom-2) var(--beffen-rom-3);font-size:var(--pv-liten);line-height:1.25;font-weight:500}
.pv-bilde .hake{flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate)}
.pv-bilde .hake svg{width:18px;height:18px;opacity:0}
.pv-bilde:has(input:checked){border-color:var(--pd-tekst);box-shadow:inset 0 0 0 2px var(--pd-tekst)}
.pv-bilde:has(input:checked) .tekst{background:var(--pd-tekst);color:var(--pd-petrol-tekst)}
.pv-bilde:has(input:checked) .hake{background:var(--pd-kobber);border-color:var(--pd-kobber);color:var(--pd-kobber-fyll-tekst)}
.pv-bilde:has(input:checked) .hake svg{opacity:1}
.pv-bilde:has(input:focus-visible){outline:2px solid var(--pd-fokus);outline-offset:3px}
.anim .pv-bilde{transition:transform 160ms var(--ease-ut)}
.pv-bilde-gruppe{margin-bottom:var(--beffen-rom-5)}
.pv-bilde-gruppe h3{margin:0 0 var(--beffen-rom-3);font-family:var(--font-display);font-weight:600;font-size:var(--skrift-adresse);line-height:1.1}

/* Tilbudet som ark: papir med dybde. Fast til høyre på PC, skuff på mobil, stort på sverte i steg 7. */
.pv-ark{position:relative;padding:var(--beffen-rom-6) var(--beffen-rom-6) var(--beffen-rom-5);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);box-shadow:var(--pd-skygge)}
.pv-ark-firma{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(28px,2.6vw,38px);line-height:1.02;overflow-wrap:anywhere}
.pv-ark-slag{margin:var(--beffen-rom-1) 0 0;font-family:var(--font-etikett);font-weight:600;font-size:var(--pv-liten);letter-spacing:.06em;text-transform:uppercase;color:var(--pd-demp)}
.pv-ark-til{margin:var(--beffen-rom-5) 0 0;padding-top:var(--beffen-rom-4);border-top:1px solid var(--pd-kant-svak);line-height:1.35}
.pv-ark-til>span:first-child{display:block;font-size:var(--pv-liten);color:var(--pd-demp)}
.pv-ark-til b{display:block;font-weight:600}
.pv-ark-til>span+b+span{display:block}
.pv-ark-til.tom>span+b+span{color:var(--pd-demp-2)}
.pv-ark-hilsen{margin:var(--beffen-rom-4) 0 0;max-width:34em}
.pv-ark-etiketter{display:flex;flex-wrap:wrap;gap:var(--beffen-rom-2) var(--beffen-rom-6);margin-top:var(--beffen-rom-4);font-size:var(--pv-liten)}
.pv-ark-etiketter span{color:var(--pd-demp);margin-right:var(--beffen-rom-2)}
.pv-ark-linjer{width:100%;margin-top:var(--beffen-rom-5);border-collapse:collapse;font-size:var(--pv-liten)}
.pv-ark-linjer th{padding:0 0 var(--beffen-rom-2);border-bottom:2px solid var(--pd-tekst);font-family:var(--font-etikett);font-weight:600;font-size:var(--pv-liten);letter-spacing:.04em;text-transform:uppercase;text-align:left;color:var(--pd-demp)}
.pv-ark-linjer th:last-child,.pv-ark-linjer td:last-child{text-align:right}
.pv-ark-linjer td{padding:var(--beffen-rom-2) 0;border-bottom:1px solid var(--pd-kant-svak);vertical-align:top}
.pv-ark-linjer td:last-child{white-space:nowrap;font-weight:600}
.pv-ark-linjer .meta{display:block;color:var(--pd-demp)}
.pv-ark-linjer .tom td{color:var(--pd-demp-2);border-bottom:1px dashed var(--pd-kant);height:34px}
.pv-ark-summer{margin-top:var(--beffen-rom-4);display:grid;gap:4px;font-size:var(--pv-liten)}
.pv-ark-summer>div{display:flex;justify-content:space-between;gap:var(--beffen-rom-4);align-items:baseline}
.pv-ark-summer .inkl{margin-top:var(--beffen-rom-2);padding-top:var(--beffen-rom-2);border-top:2px solid var(--pd-tekst);font-size:var(--pv-tekst);font-weight:600}
.pv-ark-summer .inkl b{font-family:var(--font-display);font-size:var(--skrift-tall)}
.pv-ark-bilder{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--beffen-rom-2);margin-top:var(--beffen-rom-5)}
.pv-ark-bilder img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--pd-kant)}
.pv-ark-gyldig{margin:var(--beffen-rom-5) 0 0;color:var(--pd-demp);font-size:var(--pv-liten)}
.pv-ark-aksepter{display:grid;gap:var(--beffen-rom-2);margin-top:var(--beffen-rom-4)}
.pv-ark-kn{display:flex;align-items:center;justify-content:center;min-height:var(--pv-kontroll);padding:0 var(--beffen-rom-5);border-radius:var(--pd-radius);background:var(--ok);color:var(--card);font-weight:600;font-size:var(--pv-tekst);line-height:1.2;text-align:center;cursor:default}
.pv-ark-kn-tekst{font-size:var(--pv-liten);color:var(--pd-demp);text-align:center}
.pv-ark-klart{margin:var(--beffen-rom-5) 0 0;font-family:var(--font-display);font-weight:600;font-size:clamp(24px,2vw,30px);line-height:1.1}
.pv-ark-merk{margin:var(--beffen-rom-3) 0 0;font-size:var(--pv-liten);opacity:.8}

/* Steg 7: arket på sverte med dybde, et ark bak, og stempelet */
.pv-band-tilbud .pv-ramme{grid-template-columns:minmax(0,640px);justify-content:center}
.pv-band-tilbud .pv-lop{padding-right:0;border-right:0}
.pv-ark-scene{position:relative;margin:var(--beffen-rom-2) 0 0}
.pv-ark-scene .pv-ark{box-shadow:var(--natt-skygge)}
.pv-ark-bak{position:absolute;inset:8px -6px -10px 10px;border-radius:var(--pd-radius);background:var(--pd-panel);transform:rotate(1.2deg);box-shadow:var(--natt-skygge)}
.pv-stempel{position:absolute;top:var(--beffen-rom-5);right:var(--beffen-rom-5);padding:.02em .22em;border:4px solid var(--pd-kobber);border-radius:var(--pd-radius);color:var(--pd-kobber);font-family:var(--font-display);font-weight:700;font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-8deg);pointer-events:none;opacity:0}
.pv-stempel.vis{opacity:1}
.pv-reise{margin:var(--beffen-rom-7) 0 0;padding:var(--beffen-rom-5) 0 0;border-top:1px solid var(--pv-linje)}
.pv-reise p{max-width:34em;margin:0 0 var(--beffen-rom-3)}
.pv-reise a{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--pd-kobber-lys)}

/* Beff, en liten makker på befaring (beff.js). Farger fra tokens; på kobber får den oransje detaljen den lyse kobbertonen så den synes.
   Én Beff med hilsen rett over adressesteget (følger pekeren), én fornøyd på en papirlapp når tilbudet er klart. Aldri over innhold. */
beff-pet{--beff-ink:var(--pd-tekst);--beff-paper:var(--pd-flate);--beff-orange:var(--pd-kobber);flex:none}
.pv-kobber beff-pet{--beff-orange:var(--pd-kobber-lys)}
/* Velkomsten: stor Beff (160/112 px) i en ekte knapp, vinker når han kommer i syne, blunker ved trykk */
.pv-beff-hilsen{display:flex;align-items:center;gap:var(--beffen-rom-5);margin:0 0 var(--beffen-rom-6)}
.pv-beff-kn{flex:none;display:block;margin:calc(-1*var(--beffen-rom-2));padding:var(--beffen-rom-2);border:0;border-radius:var(--pd-radius);background:none;color:inherit;line-height:0;cursor:pointer}
.pv-beff-kn:active{transform:scale(.97)}
.anim .pv-beff-kn{transition:transform 160ms var(--ease-ut)}
.pv-beff-hilsen beff-pet{--beff-size:160px}
.pv-beff-tekst{margin:0;max-width:22em;font-size:clamp(20px,1.7vw,24px);font-weight:500;text-wrap:balance}
/* Hjelperen (96/80 px) flyttes inn i det aktive steget, ved hjelpeteksten. På sverte står han på en lys lapp. */
.pv-hjelp-rad{display:flex;align-items:center;gap:var(--beffen-rom-4);margin:0 0 var(--beffen-rom-5)}
.pv-hjelp-rad .pv-hjelp{margin:0}
.pv-beff-plass{flex:none;display:none;line-height:0}
.pv-beff-plass:has(beff-pet){display:block}
.pv-beff-plass beff-pet{--beff-size:96px}
.pv-sverte .pv-beff-plass{padding:var(--beffen-rom-2);border-radius:var(--pd-radius);background:var(--pd-flate)}
/* Fullføringen: lappen står over arket, så feiringen er i bildet når stempelet slår ned */
.pv-beff-lapp{display:inline-flex;align-items:center;gap:var(--beffen-rom-4);margin:0 0 var(--beffen-rom-5);padding:var(--beffen-rom-3) var(--beffen-rom-5) var(--beffen-rom-3) var(--beffen-rom-4);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);box-shadow:var(--natt-skygge)}
.pv-beff-lapp beff-pet{--beff-size:128px}
.pv-beff-lapp .pv-ark-klart{margin:0}
/* Ved Spørsmål og svar (bare forsiden, legges inn av bygg.mjs) */
.pv-faq-hode{display:flex;align-items:center;gap:var(--beffen-rom-5)}
.pv-faq-hode beff-pet{--beff-size:112px}
@media (max-width:759px){.pv-beff-hilsen{gap:var(--beffen-rom-4)}.pv-beff-hilsen beff-pet{--beff-size:112px}.pv-beff-plass beff-pet{--beff-size:80px}.pv-beff-lapp{display:flex}.pv-beff-lapp beff-pet{--beff-size:104px}.pv-faq-hode beff-pet{--beff-size:88px}}

/* Avslutningen på kobber */
.pv-slutt .pv-lop{padding-top:var(--beffen-rom-6);border-top:2px solid currentColor}
.pv-slutt .pv-sporsmal{margin-bottom:var(--beffen-rom-5)}
.pv-send{display:grid;gap:var(--beffen-rom-2);max-width:560px}
.pv-send .pv-felt{margin-bottom:var(--beffen-rom-3)}
.pv-send .pv-feil{margin-top:0;margin-bottom:var(--beffen-rom-3)}
.pv-send .pv-handling{margin-top:var(--beffen-rom-3)}
.pv-send .pv-handling [type=submit]{margin-left:0}
.pv-send>.pv-hjelp{margin:var(--beffen-rom-2) 0 0;opacity:1}
.pv-send>.pv-hjelp a{color:inherit}
.pv-kryss{display:flex;align-items:center;gap:var(--beffen-rom-3);min-height:var(--pv-kontroll);cursor:pointer}
.pv-kryss input{flex:none;width:28px;height:28px;margin:0;accent-color:var(--pd-tekst);cursor:pointer}
.pv-kryss:active input{transform:scale(.88)}
.anim .pv-kryss input{transition:transform 120ms var(--ease-ut)}
.pv-forslag li:active{background:var(--pd-seksjon)}
.pv-kvittering{max-width:560px}
.pv-kvittering:focus{outline:none}
.pv-kvittering p{margin:0 0 var(--beffen-rom-5);font-size:clamp(20px,1.7vw,24px)}
.pv-kvittering p:last-child{display:flex;flex-wrap:wrap;gap:var(--beffen-rom-3);margin:0}
.felle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Arket til høyre på PC: står fast gjennom hele siden, over alle flatene */
/* Arket slutter minst 88 px over skjermkanten, så Tillegg kan stå rett under kanten uten å nå det */
.pv-ark-side{position:fixed;z-index:8;top:calc(var(--pv-topp-h) + var(--beffen-rom-5));right:calc((100vw - min(var(--pv-ramme-maks),100vw))/2 + var(--beffen-rom-5));width:var(--pv-ark-b);max-height:calc(100vh - var(--pv-topp-h) - var(--beffen-rom-8) - var(--beffen-rom-5));display:flex;flex-direction:column}
.pv-ark-side .pv-ark{box-shadow:var(--natt-skygge);transform-origin:50% 20%;display:flex;flex-direction:column;flex:0 1 auto;min-height:0}
.pv-ark-side .pv-ark-merk{flex:none}
/* Summene står fast nederst i arket. Jobblisten (og bildene) ruller over dem; toning og sterkere strek når det er mer under kanten. */
.pv-ark-rull{position:relative;flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--pd-kant-sterk) transparent}
.pv-ark-rull::after{content:"";position:sticky;bottom:0;display:block;height:36px;margin-top:-36px;background:linear-gradient(to bottom,transparent,var(--pd-flate));opacity:0;pointer-events:none}
.pv-ark-rull.mer::after{opacity:1}
.anim .pv-ark-rull::after{transition:opacity 150ms var(--ease-ut)}
.pv-ark-side .pv-ark-summer{flex:none;margin-top:0;padding-top:var(--beffen-rom-3);border-top:1px solid var(--pd-kant-svak)}
.pv-ark-side .pv-ark-rull.mer+.pv-ark-summer{border-top-color:var(--pd-kant-sterk)}
.anim .pv-ark-side .pv-ark-summer{transition:border-color 150ms var(--ease-ut)}
.pv-ark-apning{transform-origin:50% 20%}
/* I åpningen ligger arket lett på skrå; når adressen er svart, legger det seg rett (bevegelse på skjermen: ease-inn-ut). */
.pv-ark-side.skra .pv-ark{transform:rotate(-1.5deg)}
.anim .pv-ark-side .pv-ark{transition:transform var(--pv-ark-legg) var(--ms-ease-inn-ut)}
.pv-ark-side .pv-ark-merk{color:var(--pd-tekst);opacity:.75}
.pv-ark-side.pa-morkt .pv-ark-merk{color:var(--pd-petrol-tekst)}
.pv-steg7 .pv-ark-side{display:none}

/* Mobil: summen fast nederst, arket som skuff fra bunnen */
.pv-bunn{display:none}
.pv-skuff-bak{position:fixed;inset:0;z-index:20;background:var(--bakteppe);opacity:0}
.pv-skuff{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:21;width:100%;max-width:100%;max-height:92vh;margin:0;padding:0;border:0;border-top:1px solid var(--pd-kant);border-radius:var(--pd-radius) var(--pd-radius) 0 0;background:var(--pd-bg);color:var(--pd-tekst);font-size:var(--pv-tekst);transform:translateY(100%);display:flex;flex-direction:column;touch-action:none}
.pv-skuff:not([open]){display:none}
.pv-skuff::backdrop{background:transparent}
.pv-skuff-hode{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--beffen-rom-3);padding:var(--beffen-rom-5) var(--beffen-rom-4) var(--beffen-rom-3);background:var(--pd-bg);border-bottom:1px solid var(--pd-kant);font-family:var(--font-etikett);font-weight:600;font-size:var(--pv-liten);letter-spacing:.04em;text-transform:uppercase;cursor:grab}
.pv-skuff-handtak{position:absolute;top:8px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:3px;background:var(--pd-kant-sterk)}
.pv-skuff-innhold{overflow-y:auto;overscroll-behavior:contain;padding:var(--beffen-rom-4) var(--beffen-rom-4) var(--beffen-rom-6);touch-action:pan-y}
.pv-skuff .pv-ark{box-shadow:var(--pd-skygge)}

@media (max-width:1023px){
  html{scroll-padding-bottom:calc(var(--pv-kontroll) + var(--beffen-rom-6))}
  .pv{padding-bottom:calc(var(--pv-kontroll) + var(--beffen-rom-7))}
  .pv-band{padding:var(--beffen-rom-6) 0}
  .pv-ramme{grid-template-columns:1fr}
  .pv-lop{padding-right:0;border-right:0}
  .pv-ark-side{display:none}
  .pv-ark-apning-ramme{display:block;margin:0 0 var(--beffen-rom-7);padding:0 var(--beffen-rom-2) var(--beffen-rom-3)}
  .pv-ark-apning{max-height:300px;overflow:hidden;transform:rotate(-2deg);box-shadow:var(--natt-skygge);-webkit-mask-image:linear-gradient(var(--pd-tekst) 60%,transparent);mask-image:linear-gradient(var(--pd-tekst) 60%,transparent)}
  .pv-bunn{position:fixed;left:0;right:0;bottom:0;z-index:9;display:flex;align-items:center;gap:var(--beffen-rom-4);padding:var(--beffen-rom-3) var(--beffen-rom-4);padding-bottom:max(var(--beffen-rom-3),env(safe-area-inset-bottom));background:var(--pd-bg);color:var(--pd-tekst);border-top:1px solid var(--pd-kant-sterk)}
  .pv-bunn-sum{display:grid;gap:0;min-width:0;line-height:1.15}
  .pv-bunn-sum span{font-family:var(--font-etikett);font-weight:600;font-size:var(--pv-liten);letter-spacing:.04em;text-transform:uppercase;color:var(--pd-demp)}
  .pv-bunn-sum b{font-family:var(--font-display);font-size:var(--skrift-adresse);font-weight:600}
  .pv-bunn .ms-kn{margin-left:auto;flex:none}
  .pv-fliser-fag{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv-rom-kropp{grid-template-columns:1fr}
}
@media (max-width:759px){
  .pv-topp .ms-ramme{gap:var(--beffen-rom-3)}
  .pv-steg-navn{display:none}
  .pv-bekreft-knapper{margin-left:0;width:100%}
  .pv-bekreft-knapper .ms-kn{flex:1 1 auto}
  .pv-prikker{flex:1 1 40px}
  .pv-prikker li{width:16px}
  .pv-topp .ms-ramme{min-width:0}
  .pv-nytt{padding-right:0}
  .pv-intro{margin-bottom:var(--beffen-rom-6)}
  .pv-intro h1{font-size:clamp(44px,12vw,56px)}
  .pv-sporsmal{font-size:clamp(32px,8.6vw,40px)}
  .pv-fliser{grid-template-columns:1fr}
  .pv-fliser-fag{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv-flis.ikon{min-height:120px}
  .pv-handling{flex-direction:column}
  .pv-handling .ms-kn{width:100%;margin-left:0}
  .pv-handling [data-neste]{order:-1}
  .pv-egen-skjema{grid-template-columns:1fr}
  .pv-linje{padding:var(--beffen-rom-4) 0;gap:var(--beffen-rom-3) var(--beffen-rom-4)}
  .pv-linje-felt{gap:var(--beffen-rom-3)}
  .pv-linje .pv-teller{grid-template-columns:48px minmax(0,1fr) 48px}
  .pv-linje .pv-felt input{padding:0 var(--beffen-rom-2)}
  .pv-sum-inkl b{font-size:clamp(48px,14vw,64px)}
  .pv-bilder{grid-template-columns:1fr 1fr}
  .pv-ark{padding:var(--beffen-rom-5) var(--beffen-rom-4)}
  .pv-ark-bilder{grid-template-columns:1fr 1fr}
  .pv-rom{padding:var(--beffen-rom-4)}
  .pv-stempel{top:var(--beffen-rom-4);right:var(--beffen-rom-3);font-size:36px;border-width:3px}
  .pv-sammendrag{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.pv *{transition:none!important;animation:none!important}.pv-skuff{transform:none}}

/* ---------- Forsiden under demoen: Tillegg (sverte, liste til venstre og skjermen til høyre), Pris (kobber), Spørsmål og svar (papir), Ring meg (sverte) ---------- */
.pv-tillegg .pv-sporsmal{margin-bottom:var(--beffen-rom-3)}
.pv-ta{padding-top:var(--beffen-rom-5);border-top:2px solid currentColor}
.pv-tillegg-ingress{max-width:40em;margin-bottom:var(--beffen-rom-6);font-size:clamp(20px,1.7vw,24px);opacity:1;color:var(--pd-petrol-demp)}
.pv-ta-hint{margin:0 0 var(--beffen-rom-5);font-size:var(--pv-tekst);color:var(--pd-petrol-tekst)}
.pv-ta-gruppe{margin:0 0 var(--beffen-rom-2);font-family:var(--font-etikett);font-weight:600;font-size:var(--pv-liten);letter-spacing:.04em;color:var(--pd-petrol-demp)}
.pv-ta-liste{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 var(--beffen-rom-7);align-items:start}
.pv-ta-liste > .pv-ta-gruppe{grid-column:1;margin-top:var(--beffen-rom-6)}
.pv-ta-item{display:contents}
.pv-ta-kn{grid-column:1;position:relative;display:flex;align-items:center;gap:var(--beffen-rom-3);width:100%;min-height:72px;padding:var(--beffen-rom-3) var(--beffen-rom-4) var(--beffen-rom-3) var(--beffen-rom-5);border:0;border-top:1px solid var(--pv-linje);background:none;color:var(--pd-petrol-tekst);font:inherit;text-align:left;cursor:pointer}
.pv-ta-kn .navn{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,2.6vw,38px);line-height:1.05}
.pv-ta-kn .pil{flex:none;width:22px;height:22px;margin-left:auto;opacity:.6}
.pv-ta-kn::before{content:"";position:absolute;left:0;top:var(--beffen-rom-3);bottom:var(--beffen-rom-3);width:4px;background:var(--pd-kobber);opacity:0;transform:scaleY(.4)}
.pv-ta-kn[aria-selected=true]{color:var(--pd-kobber-lys)}
.pv-ta-kn[aria-selected=true]::before{opacity:1;transform:none}
.pv-ta-kn[aria-selected=true] .pil{opacity:1;color:var(--pd-kobber-lys)}
.pv-ta-kn:active{transform:scale(.97)}
.pv-ta-kn:focus-visible{outline:2px solid var(--pd-petrol-tekst);outline-offset:-4px}
@media (hover:hover) and (pointer:fine){.pv-ta-kn:not([aria-selected=true]):hover{color:var(--pd-kobber-lys)}.pv-ta-kn:not([aria-selected=true]):hover .pil{opacity:1}}
.anim .pv-ta-kn{transition:transform 160ms var(--ease-ut),color 150ms var(--ease-ut)}
.anim .pv-ta-kn::before{transition:opacity 150ms var(--ease-ut),transform 200ms var(--ease-ut)}
.anim .pv-ta-kn .pil{transition:opacity 150ms var(--ease-ut),color 150ms var(--ease-ut)}
.pv-ta-panel{grid-column:2;grid-row:1/span 12;align-self:stretch;min-width:0;padding-left:var(--beffen-rom-7);border-left:1px solid var(--pv-linje)}
.pv-ta-panel:focus-visible{outline:2px solid var(--pd-petrol-tekst);outline-offset:6px}
.pv-ta-skjerm{zoom:1.125}
.pv-ta-skjerm.skjerm{font-size:var(--skrift-kontroll)}
/* Ingen tekst under 18 px: appens småtekster (13-16 px i reisen) løftes til 16 px, som med zoom 1,125 blir 18 px. På mobil (zoom 1) settes 18 px direkte. */
.pv-ta-skjerm .boble-hode,.pv-ta-skjerm .boble-fot,.pv-ta-skjerm .dv-nr,.pv-ta-skjerm .dv-sumlabel,.pv-ta-skjerm .dv-meta,.pv-ta-skjerm .dv-lest,.pv-ta-skjerm .dv-kunde,.pv-ta-skjerm .plan-tekst span,.pv-ta-skjerm .idag-dato,.pv-ta-skjerm .idag-seksjonshode,.pv-ta-skjerm .antall,.pv-ta-skjerm .papir .bk-hilsen,.pv-ta-skjerm .papir .bk-under,.pv-ta-skjerm .papir label,.pv-ta-skjerm .papir h4,.pv-ta-skjerm .papir .kt-sumband span,.pv-ta-skjerm .papir .etikett,.pv-ta-skjerm .papir .bk-valgt,.pv-ta-skjerm .papir .kt-huk,.pv-ta-skjerm .papir .kt-status,.pv-ta-skjerm .st,.pv-ta-skjerm .etikett,.pv-ta-skjerm dt,.pv-ta-skjerm .ov-tabell th,.pv-ta-skjerm .kn,.pv-ta-skjerm .td-tekst span,.pv-ta-skjerm .papir .bk-tid{font-size:16px}
.pv-ta-skjerm .admin>div,.pv-ta-skjerm.admin>div{box-shadow:var(--natt-skygge)}
.pv-ta-skjerm .telefon{margin:0 auto;box-shadow:var(--natt-skygge);border-radius:24px}
.pv-ta-skjerm .telefon>.papir{border-color:var(--pd-flate)}
.pv-ta-skjerm .bk-tid.valgt{background:var(--ink);border-color:var(--ink);color:var(--card)}
.pv-ta-dialog{display:grid;gap:var(--beffen-rom-3);max-width:640px}
.pv-ta-dialog .boble{box-shadow:var(--natt-skygge)}
.pv-ta-dialog .boble.inn{background:var(--pd-panel)}
.pv-ta-pris{margin:0 0 var(--beffen-rom-3);font-family:var(--font-display);font-weight:500;font-size:clamp(40px,3.4vw,56px);letter-spacing:-.03em;line-height:1;white-space:nowrap}
.pv-ta-pris .strek{margin:0 .12em}
.pv-ta-hva{margin:var(--beffen-rom-5) 0 0;max-width:34em;font-size:var(--pv-tekst);color:var(--pd-petrol-tekst)}
.pv-ta-lenke{display:inline-flex;align-items:center;min-height:var(--pv-kontroll);margin-top:var(--beffen-rom-2);color:var(--pd-petrol-tekst);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--pd-kobber-lys)}
.pv-ta-lenke:active{transform:scale(.97)}
.anim .pv-ta-lenke{transition:transform 160ms var(--ease-ut)}
/* Oversikt, prosjektkort og timer: bygget etter appens skjermer (oversikt.html, prosjekt.html, timer.html) */
.ov-tabell{width:100%;border-collapse:collapse}
.ov-tabell th{padding:var(--beffen-rom-3) var(--beffen-rom-4);border-bottom:2px solid var(--pd-tekst);font-family:var(--font-etikett);font-weight:600;font-size:var(--skrift-kontroll);letter-spacing:.04em;text-transform:uppercase;text-align:left;color:var(--pd-demp)}
.ov-tabell td{padding:var(--beffen-rom-3) var(--beffen-rom-4);border-bottom:1px solid var(--pd-kant-svak);vertical-align:middle}
.ov-tabell td b{display:block;font-weight:600}
.ov-tabell td span:not(.st){color:var(--pd-demp)}
.ov-tabell .sum{text-align:right;white-space:nowrap}
.pk-del{padding:var(--beffen-rom-4) var(--beffen-rom-5)}
.pk-del+.pk-del{border-top:1px solid var(--pd-kant-svak)}
.pk-liste{margin:var(--beffen-rom-3) 0 0;padding:0;list-style:none;display:grid;gap:var(--beffen-rom-2)}
.pk-liste li{position:relative;padding-left:32px;color:var(--pd-demp)}
.pk-liste li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border:2px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate)}
.pk-liste li.gjort{color:var(--pd-tekst)}
.pk-liste li.gjort::before{background:var(--ok);border-color:var(--ok)}
.pk-liste li.gjort::after{content:"";position:absolute;left:7px;top:5px;width:5px;height:10px;border-right:2px solid var(--card);border-bottom:2px solid var(--card);transform:rotate(45deg)}
.pk-dagbok{display:grid;grid-template-columns:max-content 1fr;gap:var(--beffen-rom-3);margin-top:var(--beffen-rom-3)}
.pk-dagbok>span:first-child{color:var(--pd-demp)}
.tm-skjema{margin:var(--beffen-rom-3) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--beffen-rom-3) var(--beffen-rom-4)}
.tm-skjema>div:first-child{grid-column:1/-1}
.tm-skjema dt{margin-bottom:var(--beffen-rom-1)}
.tm-skjema 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)}
.tm-rader{border-top:1px solid var(--pd-kant-svak);padding:0 var(--beffen-rom-5)}
.tm-rader>div{display:grid;grid-template-columns:max-content 1fr max-content;gap:var(--beffen-rom-4);padding:var(--beffen-rom-3) 0;border-bottom:1px solid var(--pd-kant-svak)}
.tm-rader>div>span:nth-child(2){color:var(--pd-demp)}
.tm-rader>div>span:last-child{font-weight:600}
@media (max-width:1023px){
  /* Mobil og nettbrett: tilleggene under hverandre, ett åpent om gangen, pilen peker ned når det er åpent */
  .pv-ta-hint{display:none}
  .pv-ta-liste{grid-template-columns:1fr;gap:0}
  .pv-ta-liste > .pv-ta-gruppe{grid-column:auto;margin-top:var(--beffen-rom-5)}
  .pv-ta-item{display:block;border-top:1px solid var(--pv-linje)}
  .pv-ta-kn{border-top:0;min-height:var(--pv-kontroll);padding-left:var(--beffen-rom-5)}
  .pv-ta-kn .navn{font-size:clamp(26px,6.8vw,32px)}
  .pv-ta-kn .pil{transform:rotate(0)}
  .pv-ta-kn[aria-selected=true] .pil{transform:rotate(90deg)}
  .anim .pv-ta-kn .pil{transition:transform 200ms var(--ease-ut),opacity 150ms var(--ease-ut),color 150ms var(--ease-ut)}
  .pv-ta-panel{grid-column:auto;grid-row:auto;padding:var(--beffen-rom-2) 0 var(--beffen-rom-6) var(--beffen-rom-5);border-left:0}
  .pv-ta-skjerm{zoom:1}
  .pv-ta-skjerm.skjerm,.pv-ta-skjerm .boble-hode,.pv-ta-skjerm .boble-fot,.pv-ta-skjerm .dv-nr,.pv-ta-skjerm .dv-sumlabel,.pv-ta-skjerm .dv-meta,.pv-ta-skjerm .dv-lest,.pv-ta-skjerm .dv-kunde,.pv-ta-skjerm .plan-tekst span,.pv-ta-skjerm .idag-dato,.pv-ta-skjerm .idag-seksjonshode,.pv-ta-skjerm .antall,.pv-ta-skjerm .papir,.pv-ta-skjerm .papir .bk-hilsen,.pv-ta-skjerm .papir .bk-under,.pv-ta-skjerm .papir label,.pv-ta-skjerm .papir h4,.pv-ta-skjerm .papir .kt-sumband span,.pv-ta-skjerm .papir .etikett,.pv-ta-skjerm .papir .bk-valgt,.pv-ta-skjerm .papir .kt-huk,.pv-ta-skjerm .papir .kt-status,.pv-ta-skjerm .st,.pv-ta-skjerm .etikett,.pv-ta-skjerm dt,.pv-ta-skjerm .ov-tabell th,.pv-ta-skjerm .kn,.pv-ta-skjerm .td-tekst span,.pv-ta-skjerm .papir .bk-tid,.pv-ta-skjerm .papir .bk-kn,.pv-ta-skjerm .papir .bk-felt,.pv-ta-skjerm .boble p{font-size:18px}
}
@media (max-width:759px){
  .pv-ta-panel{padding-left:0}
  .pv-ta-kn{padding-left:var(--beffen-rom-4)}
  .pv-ta-dialog .boble.inn{margin-right:var(--beffen-rom-5)}
  .pv-ta-dialog .boble.ut{margin-left:var(--beffen-rom-5)}
  .pv-ta-dialog .boble{padding:var(--beffen-rom-4)}
  .pv-ta-pris{font-size:32px}
  .ov-tabell,.ov-tabell tbody,.ov-tabell tr,.ov-tabell td{display:block}
  .ov-tabell thead{display:none}
  .ov-tabell tr{padding:var(--beffen-rom-3) var(--beffen-rom-4);border-bottom:1px solid var(--pd-kant-svak)}
  .ov-tabell td{padding:0;border:0}
  .ov-tabell td:first-child{margin-bottom:var(--beffen-rom-2)}
  .ov-tabell td:nth-child(2),.ov-tabell td:nth-child(3),.ov-tabell td:nth-child(4){display:inline-flex;align-items:center;margin:0 var(--beffen-rom-3) 0 0;text-align:left;white-space:nowrap}
  .ov-tabell td:nth-child(4):not(:empty)::before{content:"Tripletex ";color:var(--pd-demp);margin-right:var(--beffen-rom-1)}
  .pv-ta-skjerm,.pv-ta-skjerm .admin>div,.pv-ta-skjerm.admin>div{max-width:100%;min-width:0;overflow-wrap:anywhere}
  .tm-skjema{grid-template-columns:1fr}
}
/* Pris på kobber: tre spalter på hårstrek under en 2 px strek, som oppslaget i prisboken. Ingen kort, ingen fyll. */
.pv-forside .pris{background:var(--pd-kobber);color:var(--pd-kobber-fyll-tekst);border:0}
.pv-forside .pris .ms-h2{font-size:clamp(36px,4.6vw,60px);text-transform:none;letter-spacing:0;line-height:1.02}
.pv-forside .pris-liste{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:var(--beffen-rom-6) 0;border-top:2px solid currentColor}
.pv-forside .pris-rad{padding:var(--beffen-rom-5) var(--beffen-rom-5) var(--beffen-rom-6) 0;margin-right:var(--beffen-rom-5);border:0;border-right:1px solid var(--pv-linje);border-radius:0;background:none;gap:var(--beffen-rom-2)}
.pv-forside .pris-rad:last-child{margin-right:0;padding-right:0;border-right:0}
.pv-forside .pris-rad h3{font-size:clamp(24px,2vw,30px);color:var(--pd-kobber-fyll-tekst)}
.pv-forside .pris-rad p{font-size:var(--pv-liten);color:var(--pd-kobber-fyll-tekst);max-width:30em}
.pv-forside .pris .ms-kn{min-height:var(--pv-kontroll);padding:0 var(--beffen-rom-6);font-size:var(--pv-tekst);background:var(--pd-tekst);border-color:var(--pd-tekst);color:var(--pd-petrol-tekst)}
/* Spørsmål og svar på papir, større tekst */
.pv-forside .faq-liste{max-width:72ch}
.pv-forside .faq .ms-h2{font-size:clamp(36px,4.6vw,60px);text-transform:none;letter-spacing:0;line-height:1.02}
.pv-forside .faq summary{font-size:var(--pv-tekst);min-height:var(--pv-kontroll)}
.pv-forside .faq details p{font-size:var(--pv-liten);color:var(--pd-tekst)}
.anim .pv-forside .faq summary::after{transition:transform 200ms var(--ease-ut)}
/* Ring meg (demo-skjemaet) på sverte: 2 px strek over, teksten og skjemaet på hver sin side av en spaltestrek */
.pv-forside .demo .ms-ramme{gap:var(--beffen-rom-6) var(--beffen-rom-8)}
.pv-forside .demo .ms-ramme::before{content:"";grid-column:1/-1;border-top:2px solid currentColor}
.pv-forside .demo-skjema{max-width:calc(480px + var(--beffen-rom-7));align-self:stretch;align-content:start;padding-left:var(--beffen-rom-7);border-left:1px solid var(--pv-linje)}
.pv-forside .demo .ms-h2{font-size:clamp(36px,4.6vw,60px);text-transform:none;letter-spacing:0;line-height:1.02}
.pv-forside .demo .ms-ingress{font-size:clamp(20px,1.7vw,24px)}
.pv-forside .felt-rad label{font-size:var(--pv-liten);color:var(--pd-petrol-tekst)}
.pv-forside .felt-rad input{min-height:var(--pv-kontroll);font-size:var(--pv-tekst)}
.pv-forside .demo .ms-kn.primar{min-height:var(--pv-kontroll);font-size:var(--pv-tekst)}
.pv-forside .demo-personvern,.pv-forside .demo-feil,.pv-forside .demo-kvittering p{font-size:var(--pv-liten)}
.pv-forside .demo-kvittering h3{font-size:clamp(26px,2.2vw,32px);text-transform:none}
.pv-forside .demo .ms-kn:active{transform:scale(.97)}
@media (max-width:1023px){
  .pv-forside .pris-liste{grid-template-columns:1fr}
  .pv-forside .pris-rad{margin-right:0;padding:var(--beffen-rom-5) 0;border-right:0;border-bottom:1px solid var(--pv-linje)}
  .pv-forside .pris-rad:last-child{border-bottom:0}
  .pv-forside .demo-skjema{max-width:480px;padding-left:0;border-left:0}
}
@media (max-width:759px){.pv-forside .pv-tillegg,.pv-forside .pris,.pv-forside .faq,.pv-forside .demo{padding:var(--ms-luft-seksjon-mobil) 0}}