/* Lasstrategiexperimentet — delat mellan ELF och LAS.

   Fragorna forst eller texten forst. Se lasstrategi.js: appen utser ingen
   vinnare, den mater bara, och tabellen ska darfor lasas som statistik och
   inte som ett rad. Att stilen ar delad ar samma beslut som att texten ar
   det: tva kopior hade borjat glida isar. */

.strategi-panel { display: grid; gap: var(--luft-2); margin: var(--luft-3) 0; }
.strategi-panel p { margin: 0; }
.strategi-val { display: flex; align-items: center; gap: var(--luft-2); cursor: pointer; }
.strategi-val input { width: 18px; height: 18px; accent-color: var(--accent); }

.strategiutfall { display: grid; gap: var(--luft-2); }
.strategitabell {
  width: 100%;
  border-collapse: collapse;
  font-size: .9rem;
}
.strategitabell th, .strategitabell td {
  text-align: left;
  padding: var(--luft-2) var(--luft-2) var(--luft-2) 0;
  border-bottom: 1px solid var(--ram);
}
.strategitabell th { font-weight: 600; color: var(--dampad); font-size: .85rem; }
.strategitabell tbody tr:last-child td { border-bottom: 0; }
.strategitabell td { font-variant-numeric: tabular-nums; }

/* Omdomet. Ett "vet inte" ska INTE se ut som ett besked — bara ett utfall
   dar skillnaden overstiger spridningen far accentramen. */
#strategiomdome[data-lage="for-tunt"],
#strategiomdome[data-lage="ojamforbart"] {
  border-left-color: var(--ram);
  background: var(--yta);
}

/* Forsteget: fragestammarna utan svarsalternativ. */
.strategi-fragor {
  margin: 0;
  padding-left: 1.4em;
  display: grid;
  gap: var(--luft-3);
  line-height: 1.5;
}