/* ============================================================
   start.css – startsidan, väljaren "Vem är du?" (slutlig, 2026-11-13)
   Laddas bara av index.html. Allt via --h-*-tokens; tre bredder.
   ============================================================ */

.vb-hero{padding:var(--h-12) 0 var(--h-8)}
.vb-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:var(--h-12);margin:0 0 var(--h-8)}
.vb-h1-rad{display:block}
.vb-intro-text{display:flex;flex-direction:column;gap:var(--h-4)}
.vb-intro .vb-af{justify-self:end;font-size:var(--h-body)}
.vb-intro .vb-af img{height:44px}
.vb-eyebrow{display:block;margin-bottom:var(--h-2);font-size:var(--h-eyebrow);font-weight:600;letter-spacing:var(--h-ls-eyebrow);text-transform:uppercase;color:var(--h-lila-ljus)}
.vb-intro h1{margin:0;font-size:var(--h-h1);font-weight:800;line-height:var(--h-lh-h1);letter-spacing:-.02em;color:var(--h-ink)}
.vb-af{display:flex;align-items:center;gap:var(--h-3);margin:0;font-size:var(--h-small);line-height:1.5;color:var(--h-ink-2)}
.vb-af img{height:28px;width:auto;flex:none}
.vb-af a{color:var(--h-lila-ljus);font-weight:600}
.vb-lede strong{color:var(--h-ink)}
.vb-lede{margin:0;font-size:var(--h-lead);line-height:1.55;color:var(--h-ink-2)}
.vb-vem{margin:0 0 var(--h-1);font-size:var(--h-eyebrow);font-weight:700;letter-spacing:var(--h-ls-eyebrow);text-transform:uppercase;color:var(--h-ink-3)}

/* Flikarna: fyra lika stora val. Utan JavaScript är de ankarlänkar till blocken under. */
.vb-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--h-3);margin:0 0 var(--h-3)}
.vb-tab{--acc:var(--h-lila);display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--h-2) var(--h-4);min-width:0;border:1px solid var(--h-kant);border-top:4px solid var(--h-kant-stark);border-radius:var(--h-radie);background:transparent;font-family:var(--h-font);text-align:left;color:inherit;text-decoration:none;cursor:pointer;transition:border-color .2s,background-color .2s}
.vb-tab b{font-size:var(--h-body);line-height:1.3;font-weight:700;color:var(--h-ink)}
.vb-tab span{font-size:var(--h-small);line-height:1.3;color:var(--h-ink-3)}
.vb-tab:hover{border-color:var(--h-kant-brand);border-top-color:var(--acc)}
.vb-tab:focus-visible{outline:2px solid var(--h-lila);outline-offset:2px}
.vb-tab[aria-selected="true"]{border-color:var(--acc);border-top-color:var(--acc);background:var(--h-kort);box-shadow:var(--h-skugga)}
.vb-tab[aria-selected="true"] span{color:var(--h-ink-2)}
#vb-t-partner{--acc:var(--h-orange)}
#vb-t-kommun{--acc:var(--h-bla-ljus)}
#vb-t-foraldrar{--acc:var(--h-gron)}
#vb-t-friskola{--acc:var(--h-rosa)}

/* Panelerna: stapla i samma cell så att höjden är den högstes – ingen layoutskjutning när innehållet byts. */
.vb-paneler{display:grid;gap:var(--h-6)}
.vb-panel{--acc:var(--h-lila);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--h-8) var(--h-12);align-items:center;padding:var(--h-4) var(--h-8) var(--h-6);background:var(--h-kort);border:1px solid var(--h-kant);border-top:4px solid var(--acc);border-radius:var(--h-radie);box-shadow:var(--h-skugga)}
#vb-p-partner{--acc:var(--h-orange)}
#vb-p-kommun{--acc:var(--h-bla-ljus)}
#vb-p-friskola{--acc:var(--h-rosa)}
#vb-p-foraldrar{--acc:var(--h-gron)}
/* Med JavaScript syns bara det valda blocket. Utan JavaScript (ingen vb-js-klass) syns alla fyra under varandra. */
.vb-js .vb-panel{display:none}
.vb-js[data-lage="skola"] #vb-p-skola,.vb-js[data-lage="partner"] #vb-p-partner,.vb-js[data-lage="kommun"] #vb-p-kommun,.vb-js[data-lage="friskola"] #vb-p-friskola,.vb-js[data-lage="foraldrar"] #vb-p-foraldrar{display:grid;animation:vb-in .25s ease}
@keyframes vb-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.vb-js .vb-panel{animation:none!important}}

.vb-etikett{margin:0 0 var(--h-2);font-size:var(--h-eyebrow);font-weight:700;letter-spacing:var(--h-ls-eyebrow);text-transform:uppercase;color:var(--acc)}
.vb-panel h2{margin:0;font-size:var(--h-h2);font-weight:800;line-height:var(--h-lh-h2);letter-spacing:-.015em;color:var(--h-ink);text-wrap:balance}
.vb-poang{list-style:none;margin:var(--h-3) 0 var(--h-4);padding:0;display:grid;gap:var(--h-2)}
.vb-poang li{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:var(--h-4);align-items:center;padding-top:var(--h-2);border-top:1px solid var(--h-kant)}
.vb-poang b{font-size:var(--h-h2);font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--acc)}
.vb-poang span{font-size:var(--h-lead);line-height:1.4;color:var(--h-ink-2)}
.vb-not{margin:calc(var(--h-1) * -1) 0 var(--h-4);font-size:var(--h-lead);line-height:1.45;color:var(--h-ink)}
.vb-atgard{display:flex;flex-wrap:wrap;align-items:center;gap:var(--h-3) var(--h-6)}
.vb-atgard-text{display:flex;flex-direction:column;gap:2px;margin:0;font-size:var(--h-small);line-height:1.4;color:var(--h-ink-2)}
.vb-atgard-text a{font-weight:600;color:var(--h-lila-ljus)}
.vb-atgard-text a:hover{color:var(--h-ink)}
/* Vad som väntar på målgruppssidan (Johan 2026-11-13): knappen leder till en egen sida, raden säger vad som finns där. */
.vb-dar{flex-basis:100%;order:-1;margin:0;font-size:var(--h-small);line-height:1.45;color:var(--h-ink-2)}

/* Bilden: den riktiga produkten. Skärmbilder och foton har sin egen kant och skugga. */
.vb-bild{position:relative;margin:0;padding-bottom:6%}
.vb-main{display:block;width:100%;height:auto;border-radius:var(--h-radie);border:1px solid var(--h-kant);box-shadow:var(--h-skugga)}
.vb-pojke{aspect-ratio:3/2;object-fit:cover;object-position:50% 18%}
.vb-over{position:absolute;left:-3%;bottom:0;width:30%;height:auto;border-radius:var(--h-radie-s);border:1px solid var(--h-kant);box-shadow:0 14px 30px rgba(0,0,0,.35) /* theme-ok */}
.vb-flakt{position:absolute;left:-2%;bottom:0;width:58%;aspect-ratio:2/1;pointer-events:none}
.vb-flakt img{position:absolute;bottom:0;width:34%;height:auto;border-radius:10px;box-shadow:0 14px 30px rgba(0,0,0,.35) /* theme-ok */;transform-origin:50% 100%}
.vb-flakt img:nth-child(1){left:0;transform:rotate(-14deg)}
.vb-flakt img:nth-child(2){left:20%;transform:rotate(-5deg) translateY(-6%)}
.vb-flakt img:nth-child(3){left:40%;transform:rotate(5deg) translateY(-6%)}
.vb-flakt img:nth-child(4){left:60%;transform:rotate(14deg)}

/* Utan JavaScript: fyra block under varandra. */
html:not(.vb-js) .vb-paneler{gap:var(--h-8)}
html:not(.vb-js) .vb-panel{scroll-margin-top:8rem}
html:not(.vb-js) .vb-tab{border-top-color:var(--acc)}

/* Sektioner */
.vb-sek{padding:var(--h-sektion) 0}
.vb-sek-yta{background:var(--h-yta);border-top:1px solid var(--h-kant);border-bottom:1px solid var(--h-kant)}
.vb-intro-sek{margin:0 0 var(--h-8)}
.vb-intro-sek h2,.vb-af-text h2,.vb-slut-text h2{margin:0 0 var(--h-3);font-size:var(--h-h2);font-weight:700;line-height:var(--h-lh-h2);letter-spacing:-.015em;color:var(--h-ink);text-wrap:balance}
.vb-intro-sek p{margin:0;max-width:var(--h-max-text);font-size:var(--h-body);line-height:1.65;color:var(--h-ink-2)}
.vb-liten{margin:var(--h-3) 0 0;font-size:var(--h-small);line-height:1.6;color:var(--h-ink-3)}
.vb-liten a{color:var(--h-lila-ljus);font-weight:600}

/* Beviset: samma rollkort som /skola. Föräldrar får ett lärarcitat i stället för "mobbat"-delen. */
/* Allt som inte ska nå föräldrar: göms av samma attribut (html[data-lage]) som väljaren sätter. Utan JavaScript finns attributet inte och inget göms. */
html[data-lage="foraldrar"] .vb-ej-foraldrar{display:none!important}
/* Friskola (granskningen 2026-11-13): partnerloggor, partnernyheter och gåvolänken gäller inte friskolor. */
html[data-lage="friskola"] .vb-ej-friskola{display:none!important}
.vb-bevis .rv{grid-template-columns:repeat(3,minmax(0,1fr))}
.vb-citat{--acc:var(--h-orange);margin:0}
.vb-citat blockquote{margin:var(--h-3) 0 0}
.vb-citat-bild{display:block;width:100%;height:auto;margin-top:var(--h-6);border-radius:var(--h-radie-s);border:1px solid var(--h-kant);box-shadow:var(--h-skugga)}

/* Arvsfondens logga: negativ i mörkt läge, positiv i ljust (samma regel som /skola). */
.af-pos{display:none!important}
body.light-mode .af-neg{display:none!important}
body.light-mode .af-pos{display:block!important}
.sk-af-logga{display:block;height:48px;width:auto;margin:0 0 var(--h-4)}
.pa-tidslinje{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--h-4)}
.pa-tidslinje li{display:flex;flex-direction:column;gap:var(--h-2);padding:var(--h-4) var(--h-4) var(--h-6);background:var(--h-kort);border:1px solid var(--h-kant);border-top:4px solid var(--h-bla);border-radius:var(--h-radie);box-shadow:var(--h-skugga)}
.pa-tidslinje b{font-size:var(--h-h3);color:var(--h-ink)}
.pa-tidslinje span{font-size:var(--h-small);line-height:1.55;color:var(--h-ink-2)}
.pa-tidslinje span strong{display:block;margin-bottom:var(--h-1);font-size:var(--h-body);color:var(--h-ink)}
.pa-tidslinje .pa-tidslinje-nu{border-top-color:var(--h-gron)}

/* Så fungerar det */
.vb-steg{list-style:none;counter-reset:vb;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--h-6);margin:0;padding:0}
.vb-steg li{counter-increment:vb;display:flex;flex-direction:column;overflow:hidden;background:var(--h-kort);border:1px solid var(--h-kant);border-top:4px solid var(--acc);border-radius:var(--h-radie);box-shadow:var(--h-skugga)}
.vb-steg-bild{position:relative;display:flex;align-items:center;justify-content:center;height:220px;padding:var(--h-6);background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 18%,transparent),transparent)}
.vb-steg-bild::before{content:counter(vb);position:absolute;top:var(--h-3);left:var(--h-4);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--acc);color:var(--h-bg);font-size:var(--h-lead);font-weight:800}
.vb-duk,.vb-skarm{display:block;width:100%;height:auto;max-height:100%;object-fit:cover;border-radius:var(--h-radie-s);border:1px solid var(--h-kant);box-shadow:var(--h-skugga)}
.vb-duk{aspect-ratio:16/9}
.vb-kort{display:flex;justify-content:center}
.vb-kort img{width:23%;height:auto;margin:0 -2%;border-radius:10px;box-shadow:0 10px 22px rgba(0,0,0,.3) /* theme-ok */}
.vb-kort img:nth-child(1){transform:rotate(-8deg)}
.vb-kort img:nth-child(2){transform:rotate(-3deg) translateY(-4%)}
.vb-kort img:nth-child(3){transform:rotate(3deg) translateY(-4%)}
.vb-kort img:nth-child(4){transform:rotate(8deg)}
.vb-steg-text{padding:var(--h-4) var(--h-6) var(--h-6)}
.vb-steg-text h3{margin:0;font-size:var(--h-h3);line-height:var(--h-lh-h3);color:var(--h-ink)}
.vb-steg-text p{margin:var(--h-2) 0 0;font-size:var(--h-body);line-height:1.6;color:var(--h-ink-2)}

/* Arvsfonden */
.vb-af-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--h-12);align-items:center}
.vb-af-text p{margin:0;max-width:var(--h-max-text);font-size:var(--h-body);line-height:1.65;color:var(--h-ink-2)}
.vb-af-grid .pa-tidslinje{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Avslut */
.vb-slut{padding-top:0}
.vb-slut-kort{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--h-12);align-items:center;overflow:hidden;background:var(--h-kort);border:1px solid var(--h-kant-brand);border-radius:var(--h-radie-l);box-shadow:var(--h-skugga)}
.vb-slut-bild{display:block;width:100%;height:100%;min-height:280px;object-fit:cover}
.vb-slut-text{padding:var(--h-8) var(--h-8) var(--h-8) 0}
.vb-slut-text p:not(.vb-liten){margin:0 0 var(--h-6);max-width:var(--h-max-text);font-size:var(--h-body);line-height:1.65;color:var(--h-ink-2)}
.vb-vagar{list-style:none;margin:0 0 var(--h-6);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--h-3)}
.vb-vagar a{display:flex;flex-direction:column;gap:2px;height:100%;padding:var(--h-3) var(--h-4);border:1px solid var(--h-kant-stark);border-radius:var(--h-radie-s);text-decoration:none;color:inherit;transition:border-color .2s}
.vb-vagar a:hover{border-color:var(--h-kant-brand)}
.vb-vagar b{font-size:var(--h-body);color:var(--h-ink)}
.vb-vagar span{font-size:var(--h-small);color:var(--h-ink-3)}

/* Partnerlogotyper: en jämn rad på en mörk platta (loggorna är vita och funkar bara på mörk botten, i båda lägena). */
.vb-logor{padding:0 0 var(--h-sektion)}
.vb-logor-plat{display:flex;align-items:center;justify-content:space-between;gap:var(--h-8);padding:var(--h-6) var(--h-8);background:var(--h-media);border:1px solid var(--h-kant-stark);border-radius:var(--h-radie)}
.vb-logor-plat h2{flex:none;max-width:16ch;margin:0;font-size:var(--h-lead);font-weight:700;line-height:1.3;color:rgba(255,255,255,.88) /* theme-ok */}
.vb-logor-rad{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--h-6) var(--h-8);margin:0;padding:0;list-style:none}
.vb-logor-rad li{display:flex;align-items:center}
.vb-logor-rad img{display:block;height:44px;width:auto;max-width:100%}

/* Kommunblocket: pristrappan under texten och bilden */
.vb-trappa{grid-column:1/-1;padding-top:var(--h-6);border-top:1px solid var(--h-kant)}
.vb-trappa h3{margin:0 0 var(--h-4);font-size:var(--h-h3);line-height:var(--h-lh-h3);color:var(--h-ink)}
.vb-trappa-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--h-3)}
.vb-trappa-lista li{position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--h-4) var(--h-3) var(--h-3);background:var(--h-yta-2);border:1px solid var(--h-kant);border-radius:var(--h-radie-s);overflow:hidden}
.vb-trappa-lista li::before{content:"";position:absolute;left:0;top:0;height:4px;width:var(--w);background:var(--acc)}
.vb-t-antal{font-size:var(--h-eyebrow);font-weight:700;letter-spacing:var(--h-ls-eyebrow);text-transform:uppercase;color:var(--h-ink-3)}
.vb-trappa-lista b{font-size:var(--h-h2);font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--acc)}
.vb-t-kr{font-size:var(--h-small);line-height:1.35;color:var(--h-ink-2)}
.vb-t-elev{margin-top:var(--h-1);font-size:var(--h-small);line-height:1.35;font-weight:600;color:var(--h-ink)}
.vb-trappa-not{margin:var(--h-4) 0 0;max-width:var(--h-max-text);font-size:var(--h-small);line-height:1.6;color:var(--h-ink-3)}

/* Kontaktrad före sidfoten */
.vb-kontakt{padding:0 0 var(--h-sektion)}
.vb-kontakt-rad{display:flex;align-items:center;justify-content:space-between;gap:var(--h-6);flex-wrap:wrap;padding-top:var(--h-8);border-top:1px solid var(--h-kant)}
.vb-kontakt h2{margin:0 0 var(--h-1);font-size:var(--h-h3);line-height:var(--h-lh-h3);color:var(--h-ink)}
.vb-kontakt p{margin:0;font-size:var(--h-body);color:var(--h-ink-2)}

@media (max-width:1100px){
  .vb-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.vb-tab:last-child{grid-column:1/-1}
  .vb-trappa-lista{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vb-bevis .rv{grid-template-columns:1fr}
  .vb-logor-plat{flex-direction:column;align-items:flex-start}
  .vb-logor-plat h2{max-width:none}
  .vb-logor-rad{width:100%;flex-wrap:wrap;justify-content:flex-start}
  .vb-panel{grid-template-columns:1fr;gap:var(--h-8)}
  .vb-bild{max-width:var(--h-max-smal);padding-left:var(--h-6)}
  .vb-af-grid{grid-template-columns:1fr;gap:var(--h-8)}
}
@media (max-width:900px){
  .vb-steg{grid-template-columns:1fr}
  .vb-slut-kort{grid-template-columns:1fr;gap:0}
  .vb-slut-bild{min-height:0;height:220px}
  .vb-slut-text{padding:var(--h-6)}
}
@media (max-width:760px){
  .vb-intro h1{white-space:normal}
  .vb-intro{grid-template-columns:1fr;gap:var(--h-4);margin-bottom:var(--h-6)}
  .vb-intro .vb-af{justify-self:start;font-size:var(--h-small)}
  .vb-intro .vb-af img{height:32px}

  .vb-panel{padding:var(--h-6) var(--h-4)}
  .vb-poang li{grid-template-columns:7.5rem minmax(0,1fr);gap:var(--h-3)}
  .vb-trappa-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vb-vagar{grid-template-columns:1fr}
  .vb-logor-plat{padding:var(--h-4)}
  .vb-logor-rad img{height:32px}
  .vb-af-grid .pa-tidslinje{grid-template-columns:1fr}
}
@media (max-width:540px){
  .vb-tab{padding:var(--h-2) var(--h-3)}
  .vb-tab span{display:none}
  .vb-bild{padding-left:0}
  .vb-over{left:-2%}
}

/* Resultatkorten på startsidan (3 kort bredvid varandra): rollraden i EN rad, mindre ringar. Mått tas från kortets egen bredd (container query), inte från skärmen. */
.vb-bevis .rv-steg{container-type:inline-size}
.vb-bevis .rv-roller{flex-wrap:nowrap;gap:var(--h-2)}
.vb-bevis .rv-roller li:not(.rv-pil){width:68px;flex:0 0 68px}
.vb-bevis .rv-ring{width:60px;height:60px}.vb-bevis .rv-ring img{width:48px;height:48px}
.vb-bevis .rv-roller span{margin-top:var(--h-1);font-size:var(--h-eyebrow);line-height:1.25}
.vb-bevis .rv-roller .rv-pil{flex:0 0 auto;margin-top:-22px;font-size:var(--h-lead)}
/* Smalt kort (eller mobil) med fem element: tre ringar i en rad, pilen under dem och HERO sist, centrerad. */
@container (max-width:310px){
  .vb-bevis .rv-fem{display:grid;grid-template-columns:repeat(3,68px);justify-content:center;gap:var(--h-2)}
  .vb-bevis .rv-fem .rv-pil{grid-column:1/-1;margin:0;transform:rotate(90deg)}
  .vb-bevis .rv-fem .rv-hero{grid-column:1/-1;justify-self:center;width:140px}
}
@media (max-width:540px){
  .vb-bevis .rv-roller li:not(.rv-pil){width:84px;flex:0 0 84px}
  .vb-bevis .rv-ring{width:72px;height:72px}.vb-bevis .rv-ring img{width:58px;height:58px}
  .vb-bevis .rv-roller .rv-pil{width:auto;transform:none;margin-top:-22px}
  .vb-bevis .rv-fem{display:grid;grid-template-columns:repeat(3,84px);justify-content:center}
  .vb-bevis .rv-fem .rv-pil{grid-column:1/-1;margin:0;transform:rotate(90deg)}
  .vb-bevis .rv-fem .rv-hero{grid-column:1/-1;justify-self:center;width:160px}
}
/* Partnerloggorna på mobil: tre per rad, två rader. */
@media (max-width:540px){
  .vb-logor-rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--h-4) var(--h-3);align-items:center}
  .vb-logor-rad li{justify-content:center}
  .vb-logor-rad img{height:auto;max-height:28px;width:auto;max-width:100%}
}
.home-news[hidden]{display:none}

/* Förälderläget: inga kontaktvägar. Chattknappen och dess ruta ritas av portalens skript (knapp med aria-label, iframe mot /embed/support). */
html[data-lage="foraldrar"] button[aria-label$="support-chatt"],html[data-lage="foraldrar"] iframe[src*="/embed/support"]{display:none!important}
/* Cookieraden, bara på startsidan (samtyckeslogiken och texten är orörda): smal rad längst ned. */
[role="dialog"][aria-label="Cookies"]{padding:6px 88px 6px 6px!important}
[role="dialog"][aria-label="Cookies"]>div{max-width:none!important;padding:8px 14px!important;border-radius:10px!important;flex-wrap:nowrap!important;gap:14px!important}
[role="dialog"][aria-label="Cookies"] p{flex:1 1 auto!important;font-size:12px!important /* storlek-ok */;line-height:1.35!important}
[role="dialog"][aria-label="Cookies"] button{padding:7px 12px!important;font-size:13px!important /* storlek-ok */}
[role="dialog"][aria-label="Cookies"]>div>div{flex:0 0 auto!important;max-width:none!important}
@media (max-width:700px){
  [role="dialog"][aria-label="Cookies"]{padding:4px 72px 4px 4px!important}
  [role="dialog"][aria-label="Cookies"]>div{flex-wrap:wrap!important;gap:6px!important;padding:6px 8px!important}
  [role="dialog"][aria-label="Cookies"] p{font-size:10.5px!important /* storlek-ok */;line-height:1.28!important}
  [role="dialog"][aria-label="Cookies"]>div>div{width:100%}
  [role="dialog"][aria-label="Cookies"] button{padding:5px 8px!important;font-size:12px!important /* storlek-ok */}
}
/* Låga skärmar (t.ex. 1280×720): tätare väljare så att huvudknappen och prisraden syns ovanför cookieraden. */
@media (min-width:1101px) and (max-height:800px){
  .vb-hero{padding-top:var(--h-4)}
  .vb-intro{margin-bottom:var(--h-6)}

  .vb-tabs{margin-bottom:var(--h-2)}
  .vb-panel{padding-top:var(--h-3);padding-bottom:var(--h-4)}
  .vb-poang{margin:var(--h-2) 0 var(--h-3);gap:0}
  .vb-poang li{padding:var(--h-1) 0}
  [role="dialog"][aria-label="Cookies"]{padding:4px 88px 4px 4px!important}
  [role="dialog"][aria-label="Cookies"]>div{padding:6px 12px!important}
}