/* Big Bottle-prøven på nett (28.10.2026). Jæren Gass-farger: hovedrød #FF0000 (profilhåndboka), dyp sort tekst,
   hvit bakgrunn - lett å lese på mobil ute. */
:root {
  --rod: #ff0000;
  --rod-mork: #c40000;
  --tekst: #111111;
  --dim: #5b6470;
  --kant: #d7dbe0;
  --bakgrunn: #f4f5f7;
  --kort: #ffffff;
  --gronn: #138a43;
  --valgt: #fff0f0;
}
* { box-sizing: border-box; }
html { touch-action: pan-x pan-y; -webkit-text-size-adjust: 100%; }
html, body { margin: 0; background: var(--bakgrunn); color: var(--tekst); font: 17px/1.5 Arial, Helvetica, sans-serif; }
/* Ingen tekstmerking eller meny ved langt trykk (standardregel for alle apper) - skrivefeltene unntatt */
body { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
input, select { -webkit-user-select: text; user-select: text; }
.vegg { max-width: 640px; margin: 0 auto; padding: 16px 16px 48px; }
.topp { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.logo { height: 48px; width: auto; }
h1 { font-size: 22px; margin: 0; line-height: 1.2; }
h2 { font-size: 18px; margin: 0 0 8px; }
p { margin: 0 0 10px; }
.dim { color: var(--dim); }
.liten { font-size: 14px; }
.skjult { display: none !important; }
.kort { background: var(--kort); border: 1px solid var(--kant); border-radius: 14px; padding: 16px; margin-bottom: 14px; }
label { display: block; font-size: 15px; font-weight: 700; margin: 14px 0 6px; }
input, select { width: 100%; font: 17px Arial, Helvetica, sans-serif; padding: 12px; border: 2px solid var(--kant);
  border-radius: 10px; background: #fff; color: var(--tekst); }
input:focus, select:focus { outline: none; border-color: var(--tekst); }
.knapp { display: inline-block; font: 700 17px Arial, Helvetica, sans-serif; padding: 12px 18px; min-height: 50px;
  border-radius: 12px; border: 2px solid var(--tekst); background: #fff; color: var(--tekst); cursor: pointer; }
.knapp:disabled { opacity: .4; cursor: default; }
.knapp.rod { background: var(--rod); border-color: var(--rod); color: #fff; }
.knapp.gronn { background: var(--gronn); border-color: var(--gronn); color: #fff; }
.knapp.stor { width: 100%; margin-top: 16px; min-height: 58px; font-size: 18px; }
.lenkeknapp { text-align: center; text-decoration: none; line-height: 30px; }
.melding { color: var(--rod-mork); font-weight: 700; margin-top: 10px; min-height: 22px; }
.kategori { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--rod-mork); }
.fremdrift { height: 8px; background: var(--kant); border-radius: 4px; overflow: hidden; margin: 8px 0 16px; }
.fremdrift div { height: 100%; background: var(--rod); }
.sporsmal { font-size: 20px; font-weight: 700; margin: 4px 0 16px; }
.svar { display: flex; flex-direction: column; gap: 10px; }
.svar button { text-align: left; font: 17px Arial, Helvetica, sans-serif; padding: 14px; min-height: 56px; border-radius: 12px;
  border: 2px solid var(--kant); background: #fff; color: var(--tekst); cursor: pointer; }
.svar button.valgt { border-color: var(--rod); background: var(--valgt); font-weight: 700; }
.bla { display: flex; justify-content: space-between; gap: 10px; margin-top: 18px; }
.viktig { font-weight: 700; background: #fff8e1; border-left: 4px solid #f0a500; padding: 10px 12px; border-radius: 0 8px 8px 0; }
.advarsel { margin-top: 12px; padding: 14px; border-radius: 10px; background: var(--rod); color: #fff; font-weight: 700; }
.advarsel.blink { animation: blink 0.6s ease-in-out 3; }
@keyframes blink { 50% { opacity: .35; } }
.lastetNed { margin-top: 12px; padding: 14px; border-radius: 10px; border: 2px solid var(--gronn); color: var(--gronn);
  font-weight: 700; }
.verdikt { border-radius: 14px; padding: 20px; border: 3px solid; text-align: center; margin-bottom: 14px; background: #fff; }
.verdikt b { display: block; font-size: 28px; margin-bottom: 6px; }
.verdikt.bestatt { border-color: var(--gronn); }
.verdikt.bestatt b { color: var(--gronn); }
.verdikt.stryk { border-color: var(--rod); }
.verdikt.stryk b { color: var(--rod-mork); }
#lastNedKursbevis { margin-top: 0; }
.regler { margin: 0 0 12px; padding-left: 22px; font-size: 18px; }
.regler li { margin-bottom: 4px; }
.forsokIgjen { font-weight: 700; margin-bottom: 4px; }
.luft-over { margin-top: 12px; }