/* Lagar, regler och normer. Layouten kommer från ../presentation.css; här
   finns bara färgerna för de tre slagen. */
:root {
  --lag: var(--c1);
  --regel: var(--c2);
  --norm: var(--c3);
}

.kind--lag,
.facts--lag,
.answer--lag,
.tag--lag,
[data-kind="lag"] {
  --k: var(--lag);
}
.kind--regel,
.facts--regel,
.answer--regel,
.tag--regel,
[data-kind="regel"] {
  --k: var(--regel);
}
.kind--norm,
.facts--norm,
.answer--norm,
.tag--norm,
[data-kind="norm"] {
  --k: var(--norm);
}

.answer--lag,
.answer--regel,
.answer--norm {
  border-left-color: var(--k);
}
.answer--lag .answer__verdict,
.answer--regel .answer__verdict,
.answer--norm .answer__verdict {
  color: var(--k);
}

/* Påståendena i quizet behåller den större storlek de hade före kärnan. */
.quiz .claim {
  font-size: clamp(2.3rem, 1.2rem + 3.4vw, 5rem);
}