/* Einfache Bögen (Therapiebescheinigung, Patientenausweis) · 28.09.2026
   Ergänzt intake-symptoms.css um die Skala 1 bis 10 und den Kontohinweis. Kein Inline-Stil nötig. */
.intake-einfach .intake-intro .intake-konto { margin: 10px 0 0; }
.intake-einfach .intake-card .intake-konto { margin: 0 0 14px; }
.intake-einfach .frage > label { display: block; margin: 0 0 6px; }
.intake-einfach .frage + .frage { margin-top: 18px; }
.intake-einfach .intake-scale { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
.intake-einfach .intake-scale .wahl { position: relative; justify-content: center; gap: 0; min-height: 44px; padding: 8px 0;
  border: 1px solid var(--edge); border-radius: 10px; font-weight: 600; font-variant-numeric: tabular-nums; text-align: center; }
.intake-einfach .intake-scale .wahl input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.intake-einfach .intake-scale .wahl:has(input:checked) { border-color: var(--link); background: var(--wash); color: var(--link);
  box-shadow: inset 0 0 0 1px var(--link); }
.intake-einfach .intake-scale .wahl:has(input:focus-visible) { outline: 2px solid var(--link); outline-offset: 2px; }
.intake-einfach .intake-scale-ends { display: flex; justify-content: space-between; gap: 12px; margin: 6px 0 0;
  font-size: .8125rem; line-height: 1.4; color: var(--muted); }
.intake-einfach .intake-scale-ends span:last-child { text-align: right; }
@media (max-width: 560px) {
  .intake-einfach .intake-scale { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
/* Ein Fragenblock sieht aus wie der andere: kein Trennstrich, Frage fett, keine Silbentrennung in den Antworten. */
.intake-einfach .intake-card .frage { border-top: 0; }
.intake-einfach .frage > label, .intake-einfach .frage > legend { font-weight: 600; line-height: 1.4; }
.intake-einfach .frage > label .intake-optional, .intake-einfach .frage > legend .intake-optional { font-weight: 400; }
.intake-einfach .wahl > span { hyphens: manual; }
.intake-einfach .intake-quick--lang { grid-template-columns: minmax(0, 1fr); }

@media (max-width: 360px) {
  .intake-einfach .intake-scale {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}