/* BuzzyBee – biquizen (/quiz/) og quiz-feltet på forsiden. Fargene er variablene fra stil.css, pluss grønt for riktig svar. */
:root {
  --quiz-gronn: #2f6b3a;      /* 5,4:1 mot --quiz-gronn-lys */
  --quiz-gronn-lys: #e3f1dd;
  --quiz-rod: #a33f16;        /* samme som feilmeldingene i skjemaene */
  --quiz-rod-lys: #fbe4d4;
  --quiz-graa: #b9ab8f;
}

/* ---------- feltet på forsiden ---------- */
.quiz-banner {
  position: relative; overflow: hidden; display: grid; gap: 1rem 1.5rem; align-items: center;
  margin: 0 0 2.5rem; padding: 1.4rem 1.3rem; border-radius: 1rem; color: var(--brun);
  background: linear-gradient(120deg, var(--honning-lys) 0%, #f7d27c 100%); border: 1px solid #edc566;
}
.quiz-banner h2 { margin: 0 0 .35rem; font-size: clamp(1.5rem, 4vw, 2rem); }
.quiz-banner p { margin: 0; max-width: 46ch; }
.quiz-banner-tekst { position: relative; }
.quiz-banner .knapp { position: relative; justify-self: start; padding: .8rem 1.6rem; font-size: 1.15rem; border-radius: .7rem; box-shadow: 0 4px 0 var(--brun); }
.quiz-banner .knapp:hover { transform: translateY(1px); box-shadow: 0 3px 0 #000; }
.quiz-banner-celler { position: absolute; right: -2rem; top: -1.2rem; width: 9rem; height: auto; opacity: .45; pointer-events: none; }
.quiz-banner-celler polygon { fill: none; stroke: var(--honning); stroke-width: 1.2; }
.quiz-banner-celler .fylt { fill: var(--honning); opacity: .55; }
@media (min-width: 46rem) {
  .quiz-banner { grid-template-columns: 1fr auto; padding: 1.6rem 2rem; }
  .quiz-banner-celler { right: -1.5rem; top: -1rem; width: 15rem; opacity: .55; }
  .quiz-banner .knapp { justify-self: end; margin-right: 6rem; }
}

/* ---------- siden ---------- */
.quiz-side { max-width: 62rem; }
.quiz-side > .ingress, .quiz-regler, .quiz-side > .fakta, .quiz-side > .videre { max-width: var(--maks); }
.quiz { display: flex; flex-direction: column; gap: 1.2rem; margin: 0 0 2.5rem; }
.quiz-laster { color: var(--brun-lys); }
.quiz-forside { display: grid; gap: 1.2rem; align-items: start; }
.quiz-side-kolonne { display: grid; gap: 1.2rem; min-width: 0; }
@media (min-width: 58rem) {
  .quiz-vis-start .quiz-forside { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
}
.quiz-vis-slutt .quiz-forside { order: 2; }
.quiz-vis-slutt .quiz-forside, .quiz-spill, .quiz-slutt { max-width: 44rem; width: 100%; margin-left: auto; margin-right: auto; }

.quiz-kort { background: #fff; border: 1px solid var(--linje); border-radius: 1rem; padding: 1.2rem 1.1rem 1.3rem; min-width: 0; scroll-margin-top: .6rem; }
.quiz-kort > h2 { margin: 0 0 .8rem; font-size: 1.4rem; }
.quiz-kort p { margin: 0 0 .8rem; }
.quiz-kort p:last-child { margin-bottom: 0; }
@media (min-width: 40rem) { .quiz-kort { padding: 1.5rem 1.6rem 1.6rem; } }

/* ---------- valg på startskjermen ---------- */
.quiz-valg { border: 0; padding: 0; margin: 0 0 1.1rem; min-width: 0; }
.quiz-valg legend { padding: 0; margin-bottom: .45rem; font-weight: 700; }
.quiz-piller { display: flex; flex-wrap: wrap; gap: .5rem; }
.quiz-pille { position: relative; display: inline-flex; cursor: pointer; }
.quiz-pille input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.quiz-pille span {
  display: inline-flex; align-items: baseline; gap: .35rem; min-height: 2.9rem; padding: .55rem 1rem; border-radius: 2rem;
  border: 1.5px solid var(--brun-lys); background: #fff; color: var(--brun); line-height: 1.5;
}
.quiz-pille b { font-size: 1.15rem; }
.quiz-pille small { color: var(--brun-lys); font-size: .85rem; }
.quiz-pille:hover span { background: var(--honning-lys); }
.quiz-pille input:checked + span { background: var(--honning); border-color: var(--brun); font-weight: 700; box-shadow: inset 0 0 0 1px var(--brun); }
.quiz-pille input:checked + span small { color: var(--brun); }
.quiz-pille input:focus-visible + span { outline: 3px solid var(--brun); outline-offset: 2px; box-shadow: 0 0 0 6px var(--honning-lys); }
.quiz-pille.quiz-av { cursor: default; }
.quiz-pille.quiz-av span { opacity: .45; border-style: dashed; }
.quiz-glider { margin-top: .8rem; }
.quiz-glider label { display: block; font-size: .95rem; }
.quiz-glider output { font-weight: 700; font-size: 1.15rem; }
.quiz-glider input { width: 100%; max-width: 24rem; height: 2.4rem; accent-color: var(--honning-dyp); }
.quiz-merknad { font-size: .95rem; color: var(--brun-lys); padding: .6rem .8rem; border-radius: .6rem; background: var(--krem); border: 1px dashed var(--linje); }
.quiz-merknad.quiz-teller-ja { background: var(--honning-lys); border: 1px solid #edc566; color: var(--brun); }
.quiz-smaatt { font-size: .9rem; color: var(--brun-lys); }
.quiz-feil { padding: .7rem .9rem; border-radius: .6rem; background: var(--quiz-rod-lys); color: var(--quiz-rod); }
.quiz-feil .quiz-knapp { margin-left: .4rem; }

/* ---------- knapper ---------- */
.quiz-knapp { font: inherit; font-weight: 700; cursor: pointer; border: 0; border-radius: .6rem; padding: .6rem 1.2rem; min-height: 2.9rem; }
.quiz-knapp:disabled { opacity: .55; cursor: default; }
.knapp.quiz-knapp { box-shadow: 0 3px 0 var(--brun); }
.knapp.quiz-knapp:hover:not(:disabled) { box-shadow: 0 3px 0 #000; }
.knapp.quiz-knapp:active:not(:disabled) { transform: translateY(2px); box-shadow: 0 1px 0 var(--brun); }
.quiz-stor { font-size: 1.15rem; padding: .8rem 1.7rem; min-height: 3.3rem; }
.quiz-knapp-lys { background: #fff; color: var(--brun); border: 1.5px solid var(--brun-lys); }
.quiz-knapp-lys:hover:not(:disabled) { background: var(--honning-lys); }
.quiz-lenkeknapp { font: inherit; color: var(--honning-dyp); background: none; border: 0; padding: .5rem .3rem; min-height: 2.75rem; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.quiz-lenkeknapp:hover { color: var(--brun); }
.quiz-startrad { margin-top: 1rem; }
.quiz-start .quiz-stor { width: 100%; }
@media (min-width: 40rem) { .quiz-start .quiz-stor { width: auto; min-width: 16rem; } }

/* ---------- dagens fem ---------- */
.quiz-dagens { background: var(--honning-lys); border-color: #edc566; }
.quiz-dagens p { white-space: pre-line; }

/* ---------- ukelista ---------- */
.quiz-faner { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 .7rem; }
.quiz-fane { font: inherit; cursor: pointer; min-height: 2.75rem; padding: .4rem .9rem; border-radius: 2rem; border: 1.5px solid var(--brun-lys); background: #fff; color: var(--brun); }
.quiz-fane:hover { background: var(--honning-lys); }
.quiz-fane[aria-pressed="true"] { background: var(--brun); border-color: var(--brun); color: #fff; font-weight: 700; }
.quiz-tabell { margin: 0 0 .8rem; font-size: 1rem; }
.quiz-tabell th, .quiz-tabell td { padding: .5rem .45rem; vertical-align: baseline; }
.quiz-tabell thead th { background: none; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: var(--brun-lys); border-bottom: 2px solid var(--honning); }
.quiz-tabell th[scope="row"] { font-weight: 400; overflow-wrap: anywhere; }
.quiz-tall-kol { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.quiz-plass-kol { width: 2.6rem; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--brun-lys); }
.quiz-topp1 .quiz-plass-kol, .quiz-topp2 .quiz-plass-kol, .quiz-topp3 .quiz-plass-kol { color: var(--brun); font-weight: 700; }
.quiz-topp1 th[scope="row"] { font-weight: 700; }
.quiz-topp1 .quiz-plass-kol::after { content: " 👑"; }
.quiz-meg td, .quiz-meg th[scope="row"] { background: var(--honning-lys); font-weight: 700; border-bottom-color: var(--honning); }
.quiz-meg small { font-weight: 400; color: var(--brun-lys); }
.quiz-hopp td { text-align: center; color: var(--brun-lys); padding: .1rem; }

/* ---------- runden ---------- */
.quiz-topp { display: flex; align-items: center; gap: 1rem; margin-bottom: .8rem; }
.quiz-klokke { position: relative; flex: none; width: 5.6rem; height: 5.6rem; }
.quiz-klokke svg { width: 100%; height: 100%; overflow: visible; }
.quiz-klokke-bunn { fill: var(--krem); }
.quiz-klokke-honning { fill: var(--honning); }
.quiz-klokke-kant { fill: none; stroke: var(--brun); stroke-width: 4; stroke-linejoin: round; }
.quiz-sek {
  position: absolute; inset: 0; display: grid; place-items: center; font-family: Georgia, "Times New Roman", serif; font-weight: 700;
  font-size: 2.1rem; color: var(--brun); font-variant-numeric: tabular-nums; text-shadow: 0 0 6px #fff, 0 0 2px #fff;
}
.quiz-haster .quiz-klokke-honning { fill: #d9652b; }
.quiz-haster .quiz-klokke-kant { stroke: var(--quiz-rod); }
.quiz-haster .quiz-sek { color: #5c1f05; }
@media (prefers-reduced-motion: no-preference) {
  .quiz-haster svg { animation: quiz-dunk 1s ease-in-out infinite; transform-origin: 50% 50%; }
  .quiz-rekke.quiz-sprett { animation: quiz-sprett .5s ease-out; }
  .quiz-celle-naa polygon { animation: quiz-blink 1.4s ease-in-out infinite; }
  .quiz-etter { animation: quiz-inn .25s ease-out; }
  .quiz-tittel { animation: quiz-sprett .6s ease-out; }
}
@keyframes quiz-dunk { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@keyframes quiz-sprett { 0% { transform: scale(.6); } 60% { transform: scale(1.15); } 100% { transform: scale(1); } }
@keyframes quiz-blink { 0%, 100% { fill: #fff; } 50% { fill: var(--honning-lys); } }
@keyframes quiz-inn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.quiz-status { min-width: 0; }
.quiz-status p { margin: 0; }
.quiz-nr { font-size: .95rem; color: var(--brun-lys); }
.quiz-poeng { font-size: 1.15rem; }
.quiz-poeng b { font-family: Georgia, "Times New Roman", serif; font-size: 1.7rem; font-variant-numeric: tabular-nums; }
.quiz-rekke { display: inline-block; margin-left: .4rem; padding: .1rem .6rem; border-radius: 2rem; background: var(--honning); color: var(--brun); font-size: .9rem; font-weight: 700; white-space: nowrap; }

.quiz-tavle { margin: 0 0 1rem; }
.quiz-tavle svg { display: block; width: 100%; max-width: 30rem; height: auto; }
.quiz-tavle svg.quiz-tavle-faa { max-width: 19rem; }
@media (min-width: 40rem) {
  .quiz-klokke { width: 6.6rem; height: 6.6rem; }
  .quiz-sek { font-size: 2.5rem; }
  .quiz-tavle svg.quiz-tavle-faa { max-width: 22rem; }
  .quiz-tavle svg.quiz-tavle-mange { max-width: 34rem; }
  .quiz-alt { font-size: 1.15rem; min-height: 4rem; }
}
.quiz-celle polygon { fill: var(--krem-dyp); stroke: var(--linje); stroke-width: 1.2; stroke-linejoin: round; }
.quiz-celle path { fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.quiz-celle-naa polygon { fill: #fff; stroke: var(--brun); stroke-width: 1.8; }
.quiz-celle-riktig polygon { fill: var(--honning); stroke: var(--honning-dyp); }
.quiz-celle-riktig path { stroke: var(--brun); }
.quiz-celle-feil polygon { fill: var(--quiz-rod); stroke: #6d2607; }
.quiz-celle-feil path { stroke: #fff; }
.quiz-celle-for_sent polygon, .quiz-celle-ukjent polygon { fill: #fff; stroke: var(--brun-lys); stroke-dasharray: 2.2 1.6; }
.quiz-celle-for_sent path, .quiz-celle-ukjent path { stroke: var(--brun-lys); }

.quiz-kategori { margin: 0 0 .3rem; font-size: .85rem; text-transform: uppercase; letter-spacing: .05em; color: var(--honning-dyp); font-weight: 700; }
.quiz-kort > .quiz-tekst { margin: 0 0 1rem; font-size: clamp(1.4rem, 4.6vw, 2rem); line-height: 1.25; }
.quiz-tekst:focus, .quiz-tittel:focus, #quiz-start-tittel:focus { outline: none; }
.quiz-svar { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .6rem; }
.quiz-svar li { margin: 0; }
@media (min-width: 40rem) { .quiz-svar { grid-template-columns: 1fr 1fr; } }
.quiz-alt {
  display: flex; align-items: center; gap: .7rem; width: 100%; min-height: 3.6rem; padding: .7rem .9rem; text-align: left;
  font: inherit; font-size: 1.08rem; line-height: 1.3; color: var(--brun); background: #fff; border: 2px solid var(--brun-lys); border-radius: .8rem; cursor: pointer;
}
.quiz-alt:hover:not(:disabled) { background: var(--honning-lys); border-color: var(--brun); }
.quiz-alt:active:not(:disabled) { transform: translateY(1px); }
.quiz-alt:disabled { cursor: default; color: var(--brun-lys); }
.quiz-alt-tekst { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.quiz-tast { flex: none; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: .45rem; background: var(--krem-dyp); color: var(--brun-lys); font-size: .9rem; font-weight: 700; }
.quiz-merke { flex: none; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.quiz-merke:empty { display: none; }
.quiz-alt.quiz-valgt { border-color: var(--brun); background: var(--honning-lys); color: var(--brun); }
.quiz-alt.quiz-rett { border-color: var(--quiz-gronn); background: var(--quiz-gronn-lys); color: var(--brun); font-weight: 700; }
.quiz-alt.quiz-rett .quiz-tast { background: var(--quiz-gronn); color: #fff; }
.quiz-alt.quiz-rett .quiz-merke { color: var(--quiz-gronn); }
.quiz-alt.quiz-rett .quiz-merke::before { content: "✓ "; }
.quiz-alt.quiz-galt { border-color: var(--quiz-rod); background: var(--quiz-rod-lys); color: var(--brun); }
.quiz-alt.quiz-galt .quiz-tast { background: var(--quiz-rod); color: #fff; }
.quiz-alt.quiz-galt .quiz-merke { color: var(--quiz-rod); }
.quiz-alt.quiz-galt .quiz-merke::before { content: "✗ "; }

.quiz-etter { border-top: 1px solid var(--linje); padding-top: 1rem; }
.quiz-dom { font-family: Georgia, "Times New Roman", serif; font-size: 1.3rem; font-weight: 700; line-height: 1.3; }
.quiz-dom-riktig { color: var(--quiz-gronn); }
.quiz-dom-feil, .quiz-dom-for_sent { color: var(--quiz-rod); }
.quiz-forklaring { max-width: 60ch; }
.quiz-lesmer small { color: var(--brun-lys); }
.quiz-videre { margin-top: 1rem; }
.quiz-videre .quiz-stor { width: 100%; }
@media (min-width: 40rem) { .quiz-videre .quiz-stor { width: auto; min-width: 14rem; } }
.quiz-meld { margin-top: 1rem; font-size: .92rem; color: var(--brun-lys); }
.quiz-meld summary { cursor: pointer; display: inline-block; padding: .5rem 0; min-height: 2.75rem; text-decoration: underline; text-underline-offset: 2px; }
.quiz-meld-valg { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .6rem; }
.quiz-meld-valg .quiz-knapp { font-weight: 400; }
#quiz-meld-takk:empty, #quiz-del-status:empty { display: none; }

/* ---------- resultatet ---------- */
.quiz-slutt { position: relative; overflow: hidden; text-align: center; }
.quiz-du-er { margin: 0; font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; color: var(--brun-lys); }
.quiz-kort > .quiz-tittel { margin: .1rem 0 .4rem; font-size: clamp(2.4rem, 11vw, 3.6rem); color: var(--honning-dyp); }
.quiz-kort .quiz-tittel-tekst { font-size: 1.15rem; max-width: 34ch; margin: 0 auto .8rem; }
.quiz-stige { list-style: none; margin: 1rem 0 1.2rem; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .3rem; font-size: .82rem; }
.quiz-stige li { margin: 0; padding: .15rem .6rem; border-radius: 2rem; border: 1px solid var(--linje); color: var(--brun-lys); background: #fff; }
.quiz-stige .quiz-naadd { background: var(--honning-lys); border-color: #edc566; color: var(--brun); }
.quiz-stige .quiz-her { background: var(--brun); border-color: var(--brun); color: #fff; font-weight: 700; }
.quiz-tall { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin: 0 0 1.2rem; }
@media (min-width: 40rem) { .quiz-tall { grid-template-columns: repeat(4, 1fr); } }
.quiz-tall div { background: var(--krem); border: 1px solid var(--linje); border-radius: .8rem; padding: .6rem .4rem; }
.quiz-tall dt { font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: var(--brun-lys); }
.quiz-tall dd { margin: 0; font-family: Georgia, "Times New Roman", serif; font-weight: 700; font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.quiz-tall dd small { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: .8rem; font-weight: 400; color: var(--brun-lys); white-space: nowrap; }
.quiz-slutt .quiz-tavle svg { margin: 0 auto; }
.quiz-navnboks { text-align: left; margin: 0 0 1.2rem; padding: 1rem; border-radius: .8rem; background: var(--honning-lys); border: 1px solid #edc566; }
.quiz-plass { font-weight: 700; }
.quiz-navnrad { display: grid; gap: .4rem .6rem; align-items: end; margin-bottom: .5rem; }
.quiz-navnrad label { font-weight: 700; }
.quiz-navnrad input { font: inherit; color: var(--brun); background: #fff; border: 1.5px solid var(--brun-lys); border-radius: .5rem; padding: .6rem .7rem; min-height: 2.9rem; width: 100%; min-width: 0; }
.quiz-navnrad input:focus-visible, .quiz-del-tekst:focus-visible { outline: 3px solid var(--brun); outline-offset: 2px; box-shadow: 0 0 0 6px #fff; }
@media (min-width: 34rem) {
  .quiz-navnrad { grid-template-columns: 1fr auto; }
  .quiz-navnrad label { grid-column: 1 / -1; }
}
.quiz-navnboks .quiz-smaatt { color: var(--brun-lys); }
.quiz-knapper { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .7rem; margin: 0 0 .8rem; }
.quiz-knapper .quiz-stor { flex: 1 1 12rem; }
.quiz-knapper .quiz-lenkeknapp { flex-basis: 100%; }
.quiz-del-tekst { font: inherit; font-size: .95rem; width: 100%; padding: .6rem .7rem; border: 1.5px solid var(--brun-lys); border-radius: .5rem; background: var(--krem); color: var(--brun); }
.quiz-oving { text-align: left; }

/* Seksjonen under: honningdråper som faller når det går bra (ikke ved redusert bevegelse). */
.quiz-konfetti { position: absolute; inset: 0; pointer-events: none; }
.quiz-konfetti i { position: absolute; top: -1.5rem; width: .9rem; height: 1rem; background: var(--honning); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); opacity: 0; }
@media (prefers-reduced-motion: no-preference) {
  .quiz-konfetti i { animation: quiz-fall 2.6s ease-in forwards; }
}
@keyframes quiz-fall { 0% { transform: translateY(0) rotate(0); opacity: 0; } 10% { opacity: .9; } 100% { transform: translateY(34rem) rotate(260deg); opacity: 0; } }
.quiz-konfetti i:nth-child(1) { left: 4%; animation-delay: .05s; }
.quiz-konfetti i:nth-child(2) { left: 11%; animation-delay: .5s; background: var(--honning-dyp); }
.quiz-konfetti i:nth-child(3) { left: 19%; animation-delay: .2s; }
.quiz-konfetti i:nth-child(4) { left: 26%; animation-delay: .9s; background: #f7d27c; }
.quiz-konfetti i:nth-child(5) { left: 34%; animation-delay: .35s; }
.quiz-konfetti i:nth-child(6) { left: 41%; animation-delay: .7s; background: var(--honning-dyp); }
.quiz-konfetti i:nth-child(7) { left: 49%; animation-delay: .1s; background: #f7d27c; }
.quiz-konfetti i:nth-child(8) { left: 56%; animation-delay: .6s; }
.quiz-konfetti i:nth-child(9) { left: 63%; animation-delay: .25s; background: var(--honning-dyp); }
.quiz-konfetti i:nth-child(10) { left: 71%; animation-delay: 1s; }
.quiz-konfetti i:nth-child(11) { left: 78%; animation-delay: .45s; background: #f7d27c; }
.quiz-konfetti i:nth-child(12) { left: 85%; animation-delay: .15s; }
.quiz-konfetti i:nth-child(13) { left: 91%; animation-delay: .8s; background: var(--honning-dyp); }
.quiz-konfetti i:nth-child(14) { left: 96%; animation-delay: .3s; }

.quiz-regler { margin-top: 2rem; }
.quiz-regler li { margin-bottom: .5rem; }

@media (max-width: 26rem) {
  .quiz-kort { padding: 1rem .85rem 1.1rem; }
  .quiz-klokke { width: 4.6rem; height: 4.6rem; }
  .quiz-sek { font-size: 1.7rem; }
  .quiz-pille span { padding: .5rem .8rem; }
}
@media print { .quiz, .quiz-banner .knapp { display: none; } }

/* Valget om ukelista på startkortet */
.quiz-startnavn { margin-top: .7rem; max-width: 22rem; }
#quiz-listevalg { margin-top: 1.1rem; margin-bottom: 0; }

/* Deleboksen etter en runde */
.quiz-delboks { text-align: left; margin: 1.2rem 0 0; padding: 1rem; border-radius: .8rem; background: var(--honning-lys); border: 1px solid #edc566; }
.quiz-delboks h3 { margin: 0 0 .5rem; font-size: 1.1rem; }
.quiz-delboks h3:focus { outline: none; }
.quiz-delboks .quiz-del-tekst { background: #fff; margin: .3rem 0 .8rem; resize: vertical; }
.quiz-delknapper { display: flex; flex-wrap: wrap; gap: .5rem; }
.quiz-del-fb { background: #1877f2; color: #fff; }
.quiz-del-fb:hover { background: #0f5fc9; }
.quiz-delboks #quiz-del-status { margin: .7rem 0 0; color: var(--brun); font-weight: 700; }

/* ---------- delingssidene (/quiz/del/<tittel>/, lages av lag_quizdeling.py) ---------- */
.quiz-delt { margin-bottom: 2.5rem; }
.quiz-delt > p { max-width: 46ch; margin-left: auto; margin-right: auto; }
.quiz-delt > .quiz-knapper { max-width: none; margin: 1.3rem 0 1rem; }
.quiz-delt .quiz-knapper .quiz-stor { flex: 0 1 auto; }
a.quiz-knapp { display: inline-flex; align-items: center; justify-content: center; }
/* Kort bekreftelse («Teksten er kopiert») som toner ut av seg selv */
.quiz-varsel { position: fixed; left: 50%; bottom: 12vh; z-index: 60; transform: translate(-50%, 1rem); max-width: calc(100vw - 2rem); padding: .8rem 1.3rem; border-radius: 999px; background: #2b1d0e; color: #fff; font-weight: 700; font-size: 1.05rem; box-shadow: 0 8px 26px rgba(43, 29, 14, .35); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s, transform .25s, visibility 0s .25s; }
.quiz-varsel-vis { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .25s, transform .25s; }
@media (prefers-reduced-motion: reduce) { .quiz-varsel, .quiz-varsel-vis { transition: none; } }