/* ==========================================================================
   Sentrumslegene – ny layout (lys og rolig)
   Brukes av Hoved.Master. Ingen avhengighet til Bootstrap eller jQuery.
   ========================================================================== */

/* ---------- Fonter (lokalt lagret, ingen kall til Google) ---------- */
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/figtree-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/figtree-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/figtree-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/figtree-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/newsreader-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/newsreader-latin-500-normal.woff2") format("woff2"); }

/* ---------- Designverdier ---------- */
:root {
    --bakgrunn: #F6F7F5;
    --flate: #FFFFFF;
    --salvie: #E6EEEA;
    --salvie-mork: #DDE7E3;
    --strek: #DCE3E0;
    --strek-lys: #E6EBE9;
    --tekst: #1E2B2A;
    --tekst-2: #33423F;
    --dempet: #4F5E5C;
    --aksent: #2F6268;
    --aksent-hover: #1F4549;
    --logo-oransje: #B05A20;
    --varsel-bg: #FFF6F1;
    --varsel-strek: #F0D9CC;
    --varsel-tekst: #9A4A2E;
    --mork: #1E2B2A;
    --mork-tekst: #D6DFDC;
    --mork-dempet: #9FB3AE;
    --mork-strek: #34433F;

    --sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
    --serif: "Newsreader", Georgia, "Times New Roman", serif;
    --bredde: 1200px;
    --radius: 20px;
}

/* ---------- Grunnlag ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    background: var(--bakgrunn);
    color: var(--tekst);
    font-family: var(--sans);
    font-size: 17px;
    line-height: 1.6;
}
img { max-width: 100%; height: auto; }
a { color: var(--aksent); }
a:hover { color: var(--aksent-hover); }
h1, h2, h3 { margin: 0; line-height: 1.2; }
p { margin: 0; }
:focus-visible { outline: 3px solid var(--aksent); outline-offset: 3px; border-radius: 4px; }
[id] { scroll-margin-top: 96px; }

.sl-hopp {
    position: absolute; left: 16px; top: -100px; z-index: 100;
    background: var(--aksent); color: #fff; padding: 10px 16px; border-radius: 8px; text-decoration: none;
}
.sl-hopp:focus { top: 12px; color: #fff; }

.sl-container { max-width: var(--bredde); margin: 0 auto; padding-left: 24px; padding-right: 24px; }

.sl-serif { font-family: var(--serif); font-weight: 400; letter-spacing: -0.01em; }
.sl-h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(30px, 4vw, 40px); line-height: 1.15; }
.sl-ingress { color: var(--dempet); }
.sl-seksjonstopp { display: flex; flex-direction: column; gap: 8px; max-width: 680px; }

/* ---------- Knapper ---------- */
.sl-knapp {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 48px; padding: 12px 26px; border-radius: 999px;
    font-weight: 600; font-size: 17px; text-decoration: none; line-height: 1.2;
    border: 1px solid transparent; transition: background-color .15s, border-color .15s;
}
.sl-knapp--primar { background: var(--aksent); color: #fff; }
.sl-knapp--primar:hover { background: var(--aksent-hover); color: #fff; }
.sl-knapp--sekundar { background: var(--flate); color: var(--tekst); border-color: #C9D4D0; }
.sl-knapp--sekundar:hover { border-color: var(--aksent); color: var(--tekst); }
.sl-knapp--liten { min-height: 44px; padding: 10px 20px; font-size: 16px; }

/* ---------- Topplinje ---------- */
.sl-topplinje { background: var(--mork); color: #E9EFEC; font-size: 14px; }
.sl-topplinje .sl-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; padding-top: 9px; padding-bottom: 9px; }
.sl-topplinje a { color: #fff; font-weight: 600; text-decoration: none; }
.sl-topplinje a:hover { text-decoration: underline; color: #fff; }

/* ---------- Meny ---------- */
.sl-header { background: var(--flate); border-bottom: 1px solid var(--strek); position: sticky; top: 0; z-index: 50; }
.sl-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; padding-top: 14px; padding-bottom: 14px; }
.sl-merke { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--tekst); }
.sl-merke img { width: 52px; height: 51px; display: block; }
.sl-merke__tekst { display: flex; flex-direction: column; line-height: 1.2; }
.sl-merke__navn { font-family: var(--serif); font-weight: 500; font-size: 22px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--logo-oransje); }
.sl-merke__under { font-size: 13px; color: var(--dempet); }
.sl-merke:hover .sl-merke__navn { color: var(--logo-oransje); }

.sl-menyknapp {
    display: none; align-items: center; gap: 8px; min-height: 44px; padding: 8px 14px;
    background: none; border: 1px solid var(--strek); border-radius: 999px;
    font: inherit; font-weight: 600; font-size: 15px; color: var(--tekst); cursor: pointer;
}
.sl-menyknapp svg { width: 20px; height: 20px; }

.sl-meny { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 0; padding: 0; list-style: none; font-weight: 500; }
.sl-meny a:not(.sl-knapp) { display: block; color: var(--tekst); text-decoration: none; padding: 10px 12px; border-radius: 8px; }
.sl-meny a:not(.sl-knapp):hover { background: var(--salvie); color: var(--tekst); }
.sl-meny .sl-knapp { margin-left: 8px; }

@media (max-width: 860px) {
    .sl-menyknapp { display: inline-flex; }
    .sl-meny { display: none; flex-basis: 100%; flex-direction: column; align-items: stretch; padding-top: 8px; border-top: 1px solid var(--strek-lys); }
    .sl-meny.er-apen { display: flex; }
    .sl-meny .sl-knapp { margin: 8px 0 4px; }
    .sl-nav { flex-wrap: wrap; }
    .sl-merke { gap: 10px; min-width: 0; }
    .sl-merke img { width: 42px; height: 41px; }
    .sl-merke__navn { font-size: 18px; letter-spacing: 0.04em; }
    .sl-merke__under { font-size: 12px; }
    .sl-hero { padding-top: 40px; gap: 36px; }
    .sl-portrett { max-width: 330px; }
}

@media (max-width: 400px) {
    .sl-menyknapp__tekst { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .sl-menyknapp { padding: 8px 12px; }
    .sl-merke__navn { font-size: 16px; }
}

/* ---------- Hero ---------- */
.sl-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 48px; padding-top: 72px; padding-bottom: 56px; }
.sl-hero__tekst { flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.sl-merkelapp { align-self: flex-start; background: var(--salvie); color: #2F4F4C; font-size: 14px; font-weight: 600; padding: 6px 14px; border-radius: 999px; }
.sl-hero h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(40px, 5.4vw, 60px); line-height: 1.08; letter-spacing: -0.01em; }
.sl-hero__ingress { font-size: 19px; color: var(--dempet); max-width: 540px; }
.sl-knapperad { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }

.sl-hero__bilde { flex: 1 1 360px; min-width: 0; display: flex; justify-content: center; }
.sl-portrett { position: relative; width: 100%; max-width: 400px; padding: 28px 28px 0 0; }
.sl-portrett::before { content: ""; position: absolute; top: 0; right: 0; width: 78%; height: 82%; border-radius: 32px; background: var(--salvie); }
.sl-portrett figure { position: relative; margin: 0; background: var(--flate); border-radius: 28px; padding: 12px; box-shadow: 0 18px 40px rgba(30, 43, 42, 0.10); }
.sl-portrett img { display: block; width: 100%; aspect-ratio: 250 / 354; object-fit: cover; border-radius: 20px; }
.sl-portrett figcaption { padding: 16px 8px 8px; display: flex; flex-direction: column; gap: 2px; }
.sl-portrett__navn { font-weight: 600; font-size: 18px; }
.sl-portrett__tittel { color: var(--dempet); font-size: 15px; }
.sl-portrett__grad { color: var(--aksent); font-size: 14px; font-weight: 600; letter-spacing: 0.04em; }

/* ---------- Meldinger (fra databasen) ---------- */
.sl-meldinger { padding-bottom: 72px; }
.sl-rutenett { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.sl-melding { background: var(--flate); border: 1px solid var(--strek); border-radius: var(--radius); padding: 28px; display: flex; flex-direction: column; gap: 8px; }
.sl-melding h2 { font-family: var(--sans); font-size: 15px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--aksent); }
.sl-melding p { color: var(--tekst-2); }
.sl-melding--viktig { background: var(--varsel-bg); border-color: var(--varsel-strek); }
.sl-melding--viktig h2 { color: var(--varsel-tekst); }

/* ---------- Nettjenester ---------- */
.sl-band { background: var(--flate); border-top: 1px solid var(--strek); border-bottom: 1px solid var(--strek); }
.sl-band .sl-container { padding-top: 72px; padding-bottom: 72px; display: flex; flex-direction: column; gap: 32px; }
.sl-snarveier { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.sl-snarvei { text-decoration: none; color: var(--tekst); background: var(--bakgrunn); border: 1px solid transparent; border-radius: var(--radius); padding: 24px; display: flex; flex-direction: column; gap: 12px; transition: border-color .15s, background-color .15s; }
.sl-snarvei:hover { border-color: var(--aksent); background: var(--flate); color: var(--tekst); }
.sl-ikon { width: 48px; height: 48px; border-radius: 14px; background: var(--salvie); color: var(--aksent); display: flex; align-items: center; justify-content: center; }
.sl-ikon svg { width: 24px; height: 24px; }
.sl-snarvei__tittel { font-weight: 600; font-size: 18px; }
.sl-snarvei__tekst { color: var(--dempet); font-size: 15px; }

/* ---------- Tjenester ---------- */
.sl-tjenester { padding-top: 88px; padding-bottom: 88px; display: flex; flex-direction: column; gap: 40px; }
.sl-tjenesteliste { display: grid; gap: 1px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); background: var(--strek); border: 1px solid var(--strek); border-radius: 24px; overflow: hidden; margin: 0; padding: 0; list-style: none; }
.sl-tjeneste { background: var(--flate); padding: 28px; display: flex; flex-direction: column; gap: 6px; }
.sl-tjeneste h3 { font-size: 19px; font-weight: 600; }
.sl-tjeneste p { color: var(--dempet); font-size: 15px; }

/* ---------- Raskt time ---------- */
.sl-cta-wrap { padding-bottom: 88px; }
.sl-cta { background: var(--salvie); border-radius: 28px; padding: clamp(28px, 5vw, 48px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; }
.sl-cta__tekst { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.sl-cta h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(26px, 3.4vw, 34px); }
.sl-cta p { color: var(--tekst-2); }

/* ---------- Priser ---------- */
.sl-priser { background: var(--flate); border-top: 1px solid var(--strek); }
.sl-priser > .sl-container { padding-top: 88px; padding-bottom: 88px; display: flex; flex-direction: column; gap: 40px; }
.sl-priskort { border: 1px solid var(--strek); border-radius: 24px; padding: 32px; display: flex; flex-direction: column; gap: 18px; }
.sl-priskort--fremhevet { border: 2px solid var(--aksent); padding: 31px; }
.sl-priskort h3 { font-size: 20px; font-weight: 600; }
.sl-pris { display: flex; flex-direction: column; gap: 2px; }
.sl-pris__belop { font-size: 36px; font-weight: 700; line-height: 1.1; }
.sl-pris__etikett { color: var(--dempet); font-size: 15px; }
.sl-pris__kontroll { color: var(--tekst-2); font-size: 15px; }
.sl-inkludert { margin: 0; padding: 18px 0 0; list-style: none; border-top: 1px solid var(--strek-lys); display: flex; flex-direction: column; gap: 8px; font-size: 15px; color: var(--tekst-2); }
.sl-inkludert li { display: flex; gap: 10px; align-items: flex-start; }
.sl-inkludert li::before { content: ""; flex: none; width: 16px; height: 16px; margin-top: 4px; background: no-repeat center / 16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6268' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }

.sl-prosedyrer { display: flex; flex-direction: column; gap: 16px; margin-top: 8px; }
.sl-prosedyrer h3 { font-size: 22px; font-weight: 600; }
.sl-prosedyreliste { border: 1px solid var(--strek); border-radius: var(--radius); overflow: hidden; margin: 0; padding: 0; list-style: none; }
.sl-prosedyre { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; padding: 18px 24px; border-bottom: 1px solid var(--strek-lys); }
.sl-prosedyre:last-child { border-bottom: 0; }
.sl-prosedyre__info { flex: 1 1 320px; min-width: 0; }
.sl-prosedyre__navn { font-weight: 600; }
.sl-prosedyre__tekst { color: var(--dempet); font-size: 15px; }
.sl-prosedyre__pris { font-weight: 700; white-space: nowrap; }
.sl-merknad { color: var(--dempet); font-size: 15px; }

/* ---------- Bunn ---------- */
.sl-bunn { background: var(--mork); color: var(--mork-tekst); }
.sl-bunn > .sl-container { padding-top: 72px; padding-bottom: 40px; display: flex; flex-direction: column; gap: 48px; }
.sl-bunn__kolonner { display: grid; gap: 40px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.sl-bunn__kolonne { display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
.sl-bunn h2 { font-family: var(--serif); font-weight: 400; font-size: 28px; color: #fff; }
.sl-bunn h3 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--mork-dempet); }
.sl-bunn a { color: #fff; text-decoration: none; }
.sl-bunn a:hover { text-decoration: underline; color: #fff; }
.sl-bunn address { font-style: normal; }
.sl-bunn__linje { border-top: 1px solid var(--mork-strek); padding-top: 24px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 14px; color: var(--mork-dempet); }
.sl-bunn__linje a { color: var(--mork-dempet); text-decoration: underline; }

/* ==========================================================================
   Undersider og skjema
   ========================================================================== */

/* ---------- Sidetopp ---------- */
.sl-sidetopp { background: var(--flate); border-bottom: 1px solid var(--strek); }
.sl-sidetopp .sl-container { padding-top: 48px; padding-bottom: 40px; display: flex; flex-direction: column; gap: 10px; }
.sl-sidetopp h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(34px, 4.6vw, 48px); line-height: 1.1; letter-spacing: -0.01em; }
.sl-sidetopp p { color: var(--dempet); font-size: 18px; max-width: 640px; }

/* ---------- Bestilling: sidepanel + skjema ---------- */
.sl-bestilling { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px; padding-top: 40px; padding-bottom: 88px; }
.sl-bestilling__info { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.sl-bestilling__info .sl-melding { padding: 22px 24px; }
.sl-bestilling__info:empty { display: none; }
.sl-melding--rolig { background: var(--salvie); border-color: var(--salvie); }
.sl-skjemakort { flex: 999 1 520px; min-width: 0; background: var(--flate); border: 1px solid var(--strek); border-radius: 24px; padding: clamp(24px, 4vw, 40px); display: flex; flex-direction: column; gap: 24px; }

/* ---------- Stegindikator ---------- */
.sl-steg { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; counter-reset: steg; }
.sl-steg li { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: var(--dempet); }
.sl-steg li::before { content: ""; height: 4px; border-radius: 999px; background: var(--strek); }
.sl-steg li.er-ferdig::before, .sl-steg li.er-aktiv::before { background: var(--aksent); }
.sl-steg li.er-aktiv { color: var(--tekst); font-weight: 600; }
.sl-steg__nr { display: none; }
.sl-steg__navn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sl-steg__tekst { display: none; font-size: 14px; color: var(--dempet); margin-top: -12px; }
@media (max-width: 640px) {
    .sl-steg__navn { display: none; }
    .sl-steg__tekst { display: block; }
}

/* ---------- Skjemafelt ---------- */
.sl-skjema__tittel { font-family: var(--serif); font-weight: 400; font-size: clamp(26px, 3vw, 32px); line-height: 1.2; }
.sl-felter { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 20px; }
.sl-felt { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sl-felt--hel { grid-column: 1 / -1; }
@media (max-width: 560px) { .sl-felter { grid-template-columns: minmax(0, 1fr); } }

.sl-felt__etikett { font-weight: 600; font-size: 16px; color: var(--tekst); }
.sl-felt__hjelp { font-size: 14px; color: var(--dempet); margin-top: -2px; }
.sl-felt__input {
    width: 100%; min-height: 48px; padding: 11px 14px;
    font: inherit; font-size: 17px; color: var(--tekst);
    background: var(--flate); border: 1px solid #B9C6C2; border-radius: 12px;
    transition: border-color .15s, box-shadow .15s;
}
textarea.sl-felt__input { min-height: 0; resize: vertical; line-height: 1.5; }
.sl-felt__input:hover { border-color: var(--dempet); }
.sl-felt__input:focus { outline: none; border-color: var(--aksent); box-shadow: 0 0 0 3px rgba(47, 98, 104, 0.18); }
.sl-felt__input--kort { max-width: 220px; }
.sl-felt__feil { color: #A23A1E; font-size: 14px; font-weight: 500; }

/* ---------- Valg (radioknapper) ---------- */
.sl-valggruppe { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.sl-valggruppe legend { padding: 0; margin-bottom: 4px; }
.sl-valg { margin: 4px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.sl-valg--rad { flex-direction: row; flex-wrap: wrap; }
.sl-valg--rad li { flex: 1 1 140px; }
.sl-valg li { position: relative; }
.sl-valg input[type="radio"] { position: absolute; left: 16px; top: 50%; width: 20px; height: 20px; margin: -10px 0 0; accent-color: var(--aksent); cursor: pointer; }
.sl-valg label { display: block; min-height: 52px; padding: 14px 16px 14px 48px; border: 1px solid #B9C6C2; border-radius: 12px; background: var(--flate); cursor: pointer; transition: border-color .15s, background-color .15s; }
.sl-valg label:hover { border-color: var(--dempet); }
.sl-valg input[type="radio"]:checked + label { border-color: var(--aksent); background: var(--salvie); font-weight: 600; }
.sl-valg input[type="radio"]:focus-visible + label { outline: 3px solid var(--aksent); outline-offset: 2px; }

/* ---------- Knapper i skjema ---------- */
input.sl-knapp, button.sl-knapp { font-family: inherit; cursor: pointer; -webkit-appearance: none; appearance: none; }
input.sl-knapp:disabled { opacity: .7; cursor: progress; }
.sl-skjema__knapper { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-top: 8px; border-top: 1px solid var(--strek-lys); }
.sl-skjema__knapper .sl-knapp--primar:only-child { margin-left: auto; }
@media (max-width: 480px) {
    .sl-skjema__knapper { flex-direction: column-reverse; }
    .sl-skjema__knapper .sl-knapp { width: 100%; }
}

/* ---------- Oppsummering og feil ---------- */
.sl-oppsummering { margin: 0; border: 1px solid var(--strek); border-radius: 16px; overflow: hidden; }
.sl-oppsummering > div { display: flex; flex-wrap: wrap; gap: 2px 24px; padding: 14px 20px; border-bottom: 1px solid var(--strek-lys); }
.sl-oppsummering > div:last-child { border-bottom: 0; }
.sl-oppsummering dt { flex: 0 0 160px; color: var(--dempet); font-size: 15px; }
.sl-oppsummering dd { flex: 1 1 240px; min-width: 0; margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.sl-oppsummering__fritekst { white-space: pre-line; }
.sl-feilboks { background: #FDF0EC; border: 1px solid #F0C9BC; color: #7A2E18; border-radius: 12px; padding: 14px 18px; font-weight: 500; }

/* ---------- Kvittering (timebekreftelse) ---------- */
.sl-kvittering-wrap { padding-top: 56px; padding-bottom: 96px; display: flex; justify-content: center; }
.sl-kvittering { width: 100%; max-width: 680px; background: var(--flate); border: 1px solid var(--strek); border-radius: 28px; padding: clamp(28px, 5vw, 48px); display: flex; flex-direction: column; gap: 20px; }
.sl-kvittering__ikon { width: 64px; height: 64px; border-radius: 50%; background: var(--salvie); color: var(--aksent); display: flex; align-items: center; justify-content: center; }
.sl-kvittering__ikon svg { width: 32px; height: 32px; }
.sl-kvittering h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(34px, 4.6vw, 46px); line-height: 1.1; letter-spacing: -0.01em; overflow-wrap: anywhere; }
.sl-kvittering__ingress { font-size: 19px; color: var(--dempet); margin-top: -8px; }
.sl-neste { margin: 8px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; border-top: 1px solid var(--strek-lys); }
.sl-neste li { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--strek-lys); }
.sl-neste__nr { flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--salvie); color: var(--aksent); font-weight: 700; font-size: 15px; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.sl-neste h2 { font-size: 17px; font-weight: 600; margin-bottom: 2px; }
.sl-neste p { color: var(--dempet); font-size: 16px; }
.sl-kvittering__hilsen { color: var(--tekst-2); }
.sl-kvittering__knapper { margin-top: 4px; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    * { transition: none !important; }
}