/* Compass Version D · „Tagesfaden“ (28.09.2026) — baut auf den Tokens von compass-evolution.css auf.
   Nur Klassen mit Präfix cd-, damit B und C unverändert bleiben (fairer Vergleich). */
#ce-root .cd-raster{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:26px;align-items:start}
#ce-root .cd-spalte{display:grid;gap:20px}
#ce-root .cd-eine{border-left:4px solid #bd7223}
#ce-root .cd-eine-text{font-size:clamp(21px,2.4vw,27px);line-height:1.3;letter-spacing:-.4px;font-weight:650;margin:10px 0 4px}
#ce-root .cd-eine-form{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 12px}
#ce-root .cd-eine-form input{flex:1 1 260px;min-width:0;font:inherit;font-size:17px;color:var(--ce-ink);background:var(--ce-bg);border:1px solid var(--ce-line);border-radius:10px;padding:11px 14px}
#ce-root .cd-eine-form input:focus-visible{outline:3px solid #bd7223;outline-offset:2px}
#ce-root .cd-jetzt{border-left:4px solid var(--ce-green)}
#ce-root .cd-meter{height:8px;border-radius:5px;background:var(--ce-line);overflow:hidden;margin:22px 0 8px}
#ce-root .cd-meter span{display:block;height:100%;background:var(--ce-green)}
#ce-root .cd-meter span.cd-ueber{background:#bd7223}
#ce-root .cd-zahlen{font-size:13px;color:var(--ce-muted);margin:0}
#ce-root .cd-zahlen b{color:var(--ce-ink)}
#ce-root .cd-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
/* Die Entscheidungskarte ist die des Compass (frageKarte) — hier nur in den Rahmen von D gesetzt. */
#ce-root .cd-frage .qa{margin:6px 0 0;padding:0;border:0;background:transparent;box-shadow:none}
#ce-root .cd-frage .qp{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ce-muted);font-weight:700}
#ce-root .cd-frage .qq{font-size:18px;font-weight:650;line-height:1.35;margin:6px 0 8px}
/* Lange Begründungen schoben die Antwortknöpfe aus dem Blick (78 offene Fragen, manche mit 10 Zeilen „warum“):
   vier Zeilen, Klick klappt auf. */
#ce-root .cd-frage .qw{font-size:14px;color:var(--ce-muted);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
#ce-root .cd-frage .qw.cd-auf{display:block;cursor:auto}#ce-root .cd-frage .opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#ce-root .cd-frage .opts button{padding:8px 13px}
#ce-root .cd-frage .opts button.on{background:var(--ce-green);color:var(--ce-bg);border-color:var(--ce-green)}
#ce-root .cd-frage textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--ce-ink);background:var(--ce-bg);border:1px solid var(--ce-line);border-radius:8px;padding:10px;margin-top:10px}
#ce-root .cd-leiste{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
#ce-root .cd-leiste button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left}
#ce-root .cd-leiste small{color:var(--ce-muted);font-size:12px;white-space:nowrap}
#ce-root .cd-leiste .cd-faellig button{border-color:#bd7223}
#ce-root .cd-leiste .cd-faellig small{color:#9a5a15;font-weight:700}
#ce-root .cd-leiste .cd-ok button{opacity:.7}
#ce-root .cd-leiste .cd-ok small{color:var(--ce-green)}
#ce-root .cd-mehr{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:26px;padding-top:16px;border-top:1px solid var(--ce-line)}
#ce-root button.cd-link{border:0!important;background:transparent!important;padding:4px 0!important;color:var(--ce-green);text-decoration:underline;text-underline-offset:3px}
#ce-root .cd-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-theme=dark] #ce-root .cd-leiste .cd-faellig small{color:#f0b270}
/* Die Begleiter-Leiste unten links überdeckt in allen Ansichten die Testleiste. In D sind John und
   Madeleine direkt als Knöpfe da — die Leiste darf hier ausgeblendet sein, solange D offen ist. */
body.ce-ansicht-d #avatar-presence{display:none!important}
@media(max-width:860px){#ce-root .cd-raster{grid-template-columns:1fr}}