/* V3 (19.10.2026, nach Kritikrunde 2): Ja/Nein im Mitmachen, erklärter grauer Knopf, Herkunft der Info,
   Rolle auf der Startseite, vollständigere Vorschau, Nein-Zweig an der Wand. */

/* Startseite: Rolle freiwillig unter der Frage */
.hf-rolle { display: flex; align-items: center; gap: 10px; margin-top: 14px; max-width: 460px; }
.hf-rolle > span { font-size: 16px; font-weight: 750; color: var(--ink-3); white-space: nowrap; }
.hf-rolle input { flex: 1; min-height: 50px; font-size: 17px; padding: 10px 14px; border-radius: 11px; border: 1.5px solid var(--linie-2); background: var(--papier); }

/* Grauer Weiter erklärt sich */
.mm-weiter-wrap { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.mm-warum { font-size: 15px; font-weight: 650; color: var(--ink-3); max-width: 260px; text-align: right; line-height: 1.3; }
.mm-warum[hidden] { display: none; }
@media (max-width: 640px) { .mm-weiter-wrap { flex-direction: column-reverse; align-items: stretch; } .mm-warum { text-align: left; max-width: none; } }

/* Ja / Nein auf einem Bildschirm */
.mm-janein { display: grid; gap: 14px; }
.mm-jn { display: grid; grid-template-columns: 86px 1fr; align-items: stretch; gap: 12px; }
.mm-jn > b { display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 20px; font-weight: 800; border: 2px solid; }
.mm-jn.ja > b { color: var(--moeglich); border-color: #a9cfb3; background: #eef7f0; }
.mm-jn.nein > b { color: var(--grenze); border-color: #e3b6ad; background: #fbefec; }

/* „Weiß ich nicht“ beim Übergang */
.mm-leise-knopf { align-self: flex-start; min-height: 48px; padding: 0 16px; border-radius: 11px; border: 1.5px dashed var(--linie-2); background: transparent; color: var(--ink-2); font-size: 16px; font-weight: 650; }
.mm-leise-knopf:hover { background: var(--grau-fl); }

/* Herkunft der Info von einer anderen Person */
.mm-chip.quelle .ic { width: 18px; height: 18px; }

/* Vorschau rechts: ja/nein, weil, Notizen */
.mm-lbl { font-size: 13px; font-weight: 800; padding: 1px 8px; border-radius: 6px; border: 1.5px solid; background: var(--papier); }
.mm-lbl.lbl-ja { color: var(--moeglich); border-color: #a9cfb3; }
.mm-lbl.lbl-nein { color: var(--grenze); border-color: #e3b6ad; }
.mm-schritt.zweig { margin-left: 26px; }
.mm-s-text .mm-s-weil, .mm-s-text .mm-s-notiz { display: flex; gap: 5px; align-items: flex-start; color: var(--ink-2); margin-top: 2px; }
.mm-s-text .mm-s-notiz { color: var(--mensch-ink, var(--ink-2)); }
.mm-s-text small .ic { width: 15px; height: 15px; flex: none; margin-top: 1px; }

/* kleine Erklärzeilen und freiwillige Freitextfelder im Mitmachen */
.mm-randnotiz { margin: 2px 0 0; font-size: 15px; color: var(--ink-3); line-height: 1.35; }
.mm-feld.klein { display: flex; align-items: center; gap: 10px; margin-top: 4px; }
.mm-feld.klein input { flex: 1; min-height: 48px; font-size: 16.5px; padding: 8px 12px; border-radius: 10px; border: 1.5px solid var(--linie-2); background: var(--papier); }

/* Karten mit Grundlage oder Notiz: Titel zwei Zeilen, nichts läuft unter den Fuß */
.karte.dicht { gap: 3px; }
.karte.dicht .k-titel { -webkit-line-clamp: 2; }

/* Vergleich ohne Grün/Rot: nur die Verschiebung wird betont, nicht bewertet */
table.vergleich tr.veraendert td:last-child { font-weight: 800; color: var(--ink); }
table.vergleich tr.veraendert td:last-child small { color: var(--ink-2); }

/* Hilfe: Weiter als heller Hauptknopf, Karte weicht beim Abspielen und bei Fenstern nach oben aus */
.rg2-karte .knopf.hell { background: #fff; color: var(--ink); border-color: #fff; }
.rg2-karte .knopf.hell .ic { width: 18px; height: 18px; }
.rg2-karte.oben { top: 76px; bottom: auto; }

/* Hinweisband: Breite nach Inhalt (mit left 50 % schrumpfte es auf dem Handy auf ein Wort je Zeile) */
.hinweisband { width: max-content; }
@media (max-width: 640px) { .hinweisband { left: 12px; right: 12px; width: auto; translate: none; max-width: none; } }

/* Nein-Zweig an der Wand: zweite Reihe unter dem Hauptweg */
.karte.zweig-karte { box-shadow: var(--schatten-karte), inset 3px 0 0 #e3b6ad; }