/* ============================================================
   MICRO-TOOLS — Website-Check + KI-Potenzial-Analyse (/ki-labor)
   Nutzt bewusst dieselben kl-* Klassen wie ki-labor.css (Karte,
   Felder, Result, Buttons). Hier nur das, was es dort noch nicht
   gibt: das 2er-Grid und der leichte Gold-Akzent der Karten.
   ============================================================ */

.kl-mt-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 8px;
}

.kl-mt-card {
  border-top: 3px solid var(--accent-1, #C99B5C);
}

.kl-mt-card .kl-result__badge { background: var(--accent-1, #C99B5C); }

.kl-mt-teaser {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text, #0E1E3A);
  margin: 0 0 6px;
}

.kl-mt-status {
  font-size: 13px;
  color: var(--text-muted, #5B5751);
  margin: 0;
}

.kl-mt-status--warn { color: var(--accent-1-deep, #A87E40); }

@media (max-width: 820px) {
  .kl-mt-grid { grid-template-columns: 1fr; }
}