/* Mail-Check auf libration.io – Aurora-Fassung.
   Ergänzt wissen.css; Farben, Radien und Schatten kommen aus dessen
   Variablen, damit das Werkzeug nicht wie ein Fremdkörper wirkt. */

.mc-seite{max-width:860px}
.mc-seite h2{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin:48px 0 14px}
.mc-seite h3{font-size:1.12rem;font-weight:700;margin:30px 0 10px}
.mc-seite p{margin-bottom:16px;line-height:1.65;color:var(--ink-soft)}
.mc-seite ul,.mc-seite ol{margin:0 0 16px 22px;color:var(--ink-soft)}
.mc-seite li{margin-bottom:8px}
.mc-seite a{color:var(--deep);font-weight:600;text-decoration:underline;text-decoration-color:rgba(3,76,150,.3);text-underline-offset:3px}
.mc-seite code{background:var(--subtle);border:1px solid var(--line);border-radius:8px;padding:1px 7px;font-size:.88em;font-family:ui-monospace,'SF Mono',Menlo,monospace;color:var(--deep)}
.mc-seite pre{background:var(--ink);color:#dbe4ff;border-radius:var(--r-sm);padding:16px 18px;overflow-x:auto;margin:0 0 18px;font-size:.88rem}
.mc-seite pre code{background:transparent;border:0;padding:0;color:inherit}
.mc-karten .kb-card h3{margin:0 0 4px;font-size:1.05rem;font-weight:800}
.mc-karten .kb-card p{margin:0;font-size:.95rem}
.mc-themen .kb-card h3{margin:0;font-size:1.05rem;font-weight:800}
.mc-themen .kb-card p{margin:0;font-size:.95rem;color:var(--ink-soft)}
.mc-themen .kb-card .more{font-weight:700;color:var(--deep);font-size:.9rem}
.tab-scroll{overflow-x:auto;margin:18px 0}
.tab-scroll table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.tab-scroll th{text-align:left;padding:10px 14px;border-bottom:2px solid var(--line);font-weight:700;background:var(--subtle);color:var(--deep);font-size:.85rem}
.tab-scroll td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-soft)}
.tab-scroll tr:last-child td{border-bottom:0}

/* ---------- Prüfbereich ---------- */
.mc-bereich{margin:8px 0 40px}
.mc-form{background:linear-gradient(120deg,rgba(57,162,212,.10),rgba(84,184,160,.12));border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px;box-shadow:var(--shadow-soft)}
.mc-form>label{display:block;font-weight:700;font-size:.92rem;margin-bottom:8px;color:var(--ink)}
.mc-eingabereihe{display:flex;gap:10px;flex-wrap:wrap}
.mc-eingabereihe input{flex:1 1 260px;min-width:0;padding:13px 16px;border:1px solid var(--border);border-radius:999px;background:var(--card);font:inherit;font-size:1rem;color:var(--ink)}
.mc-eingabereihe input:focus{outline:3px solid var(--blue);outline-offset:2px}
.mc-eingabereihe button{flex:0 0 auto}
#mc-eingabefehler{margin:12px 0 0;padding:11px 15px;border-radius:var(--r-sm);background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:.92rem}

.mc-mehr{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.mc-mehr summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--deep)}
.mc-mehr .feld{margin-top:16px}
.mc-mehr label{display:block;font-weight:600;font-size:.88rem;margin-bottom:6px;color:var(--ink)}
.mc-mehr input,.mc-mehr textarea{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card);font:inherit;font-size:.95rem;color:var(--ink)}
.mc-mehr textarea{min-height:110px;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:.84rem;resize:vertical}
.mc-mehr .erlaeuterung{margin:7px 0 0;font-size:.83rem;line-height:1.55;color:var(--ink-faint)}
.mc-datenhinweis{margin:18px 0 0;font-size:.83rem;line-height:1.55;color:var(--ink-faint)}

/* ---------- Fortschritt ---------- */
.mc-lauf{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px;box-shadow:var(--shadow-soft);text-align:center}
#mc-lauf-text{font-weight:700;margin:0 0 14px;color:var(--ink)}
#mc-lauf-unter{margin:12px 0 0;font-size:.86rem;color:var(--ink-faint);font-family:ui-monospace,'SF Mono',Menlo,monospace}
.mc-balken-huelle{height:7px;border-radius:999px;background:var(--subtle);overflow:hidden}
.mc-balken{height:100%;width:6%;border-radius:999px;background:var(--grad);transition:width .5s ease}

/* ---------- Ergebnis ---------- */
#mc-ergebnis h3{font-size:1.2rem;font-weight:800;margin:36px 0 14px}
.mc-urteil{border-radius:var(--r-lg);padding:24px 28px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.mc-urteil.gruen{background:#f0fdf4;border-color:#bbf7d0}
.mc-urteil.gelb{background:#fffbeb;border-color:#fde68a}
.mc-urteil.rot{background:#fef2f2;border-color:#fecaca}
.mc-stufe{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.mc-urteil.gruen .mc-stufe{color:#15803d}
.mc-urteil.gelb .mc-stufe{color:#b45309}
.mc-urteil.rot .mc-stufe{color:#dc2626}
.mc-urteil p{margin:0;color:var(--ink-soft);line-height:1.6}

.mc-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:18px}
.mc-zahl{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;text-align:center}
.mc-zahl b{display:block;font-size:1.7rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}
.mc-zahl b.wort{font-size:1.02rem;line-height:1.3;overflow-wrap:anywhere;padding:6px 0}
.mc-zahl b.wort.gruen{color:#15803d}
.mc-zahl b.wort.gelb{color:#b45309}
.mc-zahl b.wort.rot{color:#dc2626}
.mc-zahl span{display:block;margin-top:5px;font-size:.8rem;color:var(--ink-faint);font-weight:600}

.mc-befund{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:var(--r-sm);padding:18px 20px;margin-bottom:12px}
.mc-befund.schwer{border-left-color:#dc2626}
.mc-befund.mittel{border-left-color:#d97706}
.mc-befund.leicht{border-left-color:var(--teal)}
.mc-befund-kopf{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin-bottom:8px}
.mc-befund h4{margin:0;font-size:1.03rem;font-weight:800;color:var(--ink)}
.mc-befund .bereich{font-size:.79rem;color:var(--ink-faint);margin-top:2px;font-weight:600}
.mc-befund p{margin:0 0 8px;color:var(--ink-soft);line-height:1.6;font-size:.95rem}
.mc-marke{flex:0 0 auto;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;border:1px solid}
.mc-marke.schwer{color:#dc2626;background:#fef2f2;border-color:#fecaca}
.mc-marke.mittel{color:#a16207;background:#fefce8;border-color:#fef08a}
.mc-marke.leicht{color:var(--ink-faint);background:var(--subtle);border-color:var(--line)}
.mc-gemessen{background:var(--subtle);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin:10px 0;font-size:.85rem;overflow-wrap:anywhere}
.mc-gemessen code{background:transparent;border:0;padding:0}
.mc-loesung{font-size:.93rem}
.mc-mehr-link,.mc-befund .mc-mehr{margin:10px 0 0;border:0;padding:0}
.mc-befund .mc-mehr a{color:var(--deep);font-weight:700;font-size:.9rem;text-decoration:underline;text-underline-offset:3px}

.mc-nachpruefen{margin-top:14px;padding-top:14px;border-top:1px dashed var(--border)}
.mc-nachpruefen label{display:block;font-weight:700;font-size:.88rem;margin-bottom:8px;color:var(--ink)}
.mc-nach-reihe{display:flex;gap:9px;flex-wrap:wrap}
.mc-nach-reihe input{flex:1 1 200px;min-width:0;padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:var(--card);font:inherit;font-size:.93rem}
.mc-nach-reihe button{flex:0 0 auto;padding:10px 20px;border-radius:999px;border:0;background:var(--ink);color:#fff;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}
.mc-nach-reihe button:hover{background:var(--deep)}
.mc-nach-hinweis{margin:9px 0 0;font-size:.81rem;line-height:1.5;color:var(--ink-faint)}

.mc-werte{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;font-size:.92rem}
.mc-werte td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.mc-werte tr:last-child td{border-bottom:0}
.mc-werte td.bez{width:34%;font-weight:600;color:var(--ink);white-space:nowrap}
.mc-werte td.wert{color:var(--ink-soft);overflow-wrap:anywhere}
.mc-werte code{background:var(--subtle);border:1px solid var(--line);border-radius:7px;padding:1px 6px;font-size:.85em;font-family:ui-monospace,'SF Mono',Menlo,monospace;color:var(--deep)}
.mc-leer{color:var(--ink-faint)}
.mc-pkt{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:#a3a3a3;vertical-align:middle}
.mc-pkt.gruen{background:#15803d}
.mc-pkt.rot{background:#dc2626}

.mc-tipps ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mc-tipps li{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:var(--r-sm);padding:16px 18px}
.mc-tipps h4{margin:0 0 5px;font-size:.99rem;font-weight:800;color:var(--ink)}
.mc-tipps p{margin:0;font-size:.93rem;color:var(--ink-soft);line-height:1.6}

.mc-aktionen{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}
.mc-fussnote{margin-top:16px;font-size:.81rem;line-height:1.55;color:var(--ink-faint)}

@media (max-width:640px){
  .mc-form,.mc-lauf,.mc-urteil{padding:20px 18px}
  .mc-eingabereihe button{width:100%}
  .mc-werte td.bez{width:auto;white-space:normal}
  .mc-befund-kopf{flex-direction:column;gap:8px}
  .mc-aktionen .btn{width:100%}
}