/* ===== Marketing-Rechner: nur auf der Marketing-Seite geladen =====
   Basis-Design (Karten, Tabs, Inputs, Ergebnisboxen) kommt aus tools.css —
   hier stehen nur die Ergänzungen für Einordnung und Rechenweg. */

#mk-home.active{display:grid}

/* Einordnung (Ampel-Pill unter dem Ergebnis) */
.bench{display:flex;align-items:flex-start;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:10px}
.bench-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:5px}
.bench-label{font-weight:600;font-size:.82rem}
.bench-text{font-size:.72rem;color:var(--ink-soft);margin-top:2px;line-height:1.5}
.bench-note{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--ink-soft);opacity:.7;margin-top:6px}

/* Rechenweg-Aufklapper */
details.formel{margin-top:12px;border:1px dashed var(--line);border-radius:10px}
details.formel summary{cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);padding:9px 12px;list-style:none;user-select:none}
details.formel summary::-webkit-details-marker{display:none}
details.formel summary::before{content:'▸ '}
details.formel[open] summary::before{content:'▾ '}
details.formel summary:hover{color:var(--accent)}
.formel-body{padding:0 12px 12px;font-size:.78rem;color:var(--ink-soft);line-height:1.6}
.formel-code{font-family:'JetBrains Mono',monospace;font-size:.72rem;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:6px 0;color:var(--ink);overflow-x:auto;white-space:nowrap}

/* Zwei Ergebnisse nebeneinander (ROI & ROAS, Break-Even-Details) */
.mk-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}