/* teorihuset.se — tillegg for kontrollansvarig, sakerhetsradgivare, lakare, trafiktillstand (2026-11-09).
   Lastes ETTER taxi-b2.css (byte-kopi fra taxi-se/b2). Identisk i de fire nisjene. */

/* VS-kortet med prisspenn i kr (lengre tall enn taxis prosent) */
.vs-num.tx-vs-range { font-size: clamp(34px, 4.8vw, 58px); }
@media (max-width: 380px) { .vs-num.tx-vs-range { font-size: 32px; } }

/* Én pakke: fast rad uten velger */
.tx-row-one { cursor: default; }

/* «Köpa mot faktura?» — liten lenke, aldri felt i kassa */
.tx-invoice { margin: 0; text-align: center; font-size: 13.5px; }
.tx-invoice a { color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }

/* Kilder (lukket) under «Kort om provet» */
.tx-src { margin-top: 36px; border-top: 1px solid var(--line); padding-top: 16px; }
.tx-src summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: baseline; list-style: none; }
.tx-src summary::-webkit-details-marker { display: none; }
.tx-src .tx-checked { margin: 0; }
.tx-src-t { font-size: 14px; color: var(--accent-deep); text-decoration: underline; text-underline-offset: 3px; }
.tx-src ol { margin: 14px 0 0; padding-left: 20px; display: grid; gap: 8px; font-size: 13.5px; line-height: 1.5; color: var(--ink-2); max-width: 80ch; }
.tx-src a { color: var(--accent-deep); }

/* Lengre andrelinje i H1 enn taxi («Annars betalar vi omprovet.») — tillat bryting på mobil */
@media (max-width: 600px) { .bv-h1-u { white-space: normal; } }

/* Demo: lengre spørsmål enn taxi (fallbeskrivelser) — mindre tekst, emblem ut på mobil */
.demo-question h3 { font-size: 19px; line-height: 1.4; }
@media (max-width: 600px) {
  .demo-question { margin-bottom: 18px; }
  .demo-question .demo-sign { display: none; }
  .demo-question h3 { font-size: 17px; }
}

/* Lange pakkenavn på mobilkortene (Omcertifieringspaketet, Säkerhetsrådgivarpaketet) */
@media (max-width: 900px) {
  .tp-card-top strong:first-child { min-width: 0; overflow-wrap: anywhere; }
}
@media (max-width: 400px) {
  .tp-card-top strong:first-child { font-size: 18px; }
  .tp-card-top strong:last-child { font-size: 21px; }
}
