/* KI-Sichtbarkeits-Check (/ki-sichtbarkeits-check/, /en/ai-visibility-check/).
   Baut auf style.css und tracking-check.css auf (Ampel, Formular, FAQ). */

/* Score-Ring: --kc-p ist der Score 0-100, gesetzt in ki-check.js */
.kc-top{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.kc-top__text{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.kc-score{--kc-c:var(--st-info);--kc-p:0;
  position:relative;flex:none;width:118px;height:118px;border-radius:50%;
  display:flex;align-items:baseline;justify-content:center;padding-top:38px;
  background:
    radial-gradient(closest-side,#fff 79%,transparent 80% 100%),
    conic-gradient(var(--kc-c) calc(var(--kc-p) * 1%),var(--line-soft) 0)}
.kc-score--ok{--kc-c:var(--st-ok)}
.kc-score--warn{--kc-c:var(--st-warn)}
.kc-score--bad{--kc-c:var(--st-bad)}
.kc-score__num{font-family:var(--display);font-weight:800;font-size:2.1rem;line-height:1;color:var(--ink)}
.kc-score__max{font-size:.8rem;color:var(--muted);margin-left:2px}

/* Gruppen im Ergebnis */
.kc-groups{width:100%;display:grid;gap:28px}
.kc-group{display:grid;gap:12px}
.kc-group__title{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tc-item h4{font-size:1.05rem}

/* Tabelle Such- vs. Trainings-Crawler */
.kc-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.kc-table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:600px}
.kc-table caption{text-align:left;padding:16px 20px 0;font-size:.8125rem;color:var(--muted)}
.kc-table th,.kc-table td{padding:12px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line-soft)}
.kc-table thead th{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kc-table tbody tr:last-child td,.kc-table tbody tr:last-child th{border-bottom:0}
.kc-table code{font-size:.88em;background:var(--mint-soft);padding:.1em .4em;border-radius:5px}
.kc-table td:last-child{color:var(--ink-2)}
.kc-table .kc-allow{color:var(--st-ok);font-weight:600}
.kc-table .kc-choice{color:var(--st-warn);font-weight:600}

.kc-stand{font-size:.8125rem;color:var(--muted)}

/* Mobil: Tabelle als gestapelte Zeilen, Empfehlung rechts neben der Kennung */
@media (max-width:640px){
  .kc-table{min-width:0}
  .kc-table thead{display:none}
  .kc-table caption{padding:14px 18px 6px}
  .kc-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px 18px;border-bottom:1px solid var(--line-soft)}
  .kc-table tbody tr:last-child{border-bottom:0}
  .kc-table th,.kc-table td{padding:0;border:0}
  .kc-table td:nth-of-type(3){grid-column:2;grid-row:1;text-align:right;white-space:nowrap}
  .kc-table td:nth-of-type(1){grid-column:1/-1;font-size:.8125rem;color:var(--muted)}
  .kc-table td:nth-of-type(2){grid-column:1/-1}
}

@media (max-width:560px){
  .kc-score{width:96px;height:96px;padding-top:30px}
  .kc-score__num{font-size:1.75rem}
}