/* ── Artikel-spezifisches CSS: ki-gespraechsleitfaden-kmu ──────────────── */

/* Tabellen ---------------------------------------------------------------- */
.art-table-wrap {
  overflow-x: auto;
  margin: 24px 0;
}
.art-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.art-table thead tr {
  background: #1a1a2e;
  color: #fff;
}
.art-table th {
  padding: 12px 16px;
  text-align: left;
  border: 1px solid #1a1a2e;
}
.art-table th.th-center { text-align: center; width: 80px; }
.art-table th.th-30    { width: 30%; }
.art-table td {
  padding: 12px 16px;
  border: 1px solid #dee2e6;
}
.art-table tbody tr:nth-child(even) { background: #f8f9fa; }
.art-table .td-center  { text-align: center; font-weight: 700; }
.art-table .td-muted   { color: #6c757d; }
.art-table .td-italic  { font-style: italic; }

/* Prompt-Beispiel-Box ------------------------------------------------------ */
.prompt-example {
  background: #f0f4ff;
  border-left: 4px solid #1a1a2e;
  padding: 16px 20px;
  border-radius: 0 8px 8px 0;
  margin: 20px 0;
}
.prompt-example__label {
  margin: 0 0 6px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.prompt-example__text {
  margin: 0;
  font-size: 0.95rem;
  color: #1a1a2e;
}

/* Prompt-Baukasten --------------------------------------------------------- */
.prompt-builder {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 12px;
  padding: 24px;
  margin: 32px 0;
}
.prompt-builder__title {
  margin: 0 0 20px;
  font-size: 1.1rem;
  color: #1a1a2e;
}
.prompt-builder__fields { display: grid; gap: 12px; }
.prompt-builder__field label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 4px;
}
.prompt-builder__field .hint {
  font-weight: 400;
  color: #6c757d;
}
.prompt-builder__field input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ced4da;
  border-radius: 8px;
  font-size: 0.95rem;
  font-family: inherit;
  box-sizing: border-box;
}
.prompt-builder__output-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #495057;
  margin: 20px 0 8px;
}
.prompt-builder__preview {
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 8px;
  padding: 14px;
  min-height: 80px;
  font-size: 0.9rem;
  color: #6c757d;
  line-height: 1.6;
  white-space: pre-wrap;
  font-style: italic;
}
.prompt-builder__copy {
  margin-top: 12px;
  padding: 8px 18px;
  background: #1a1a2e;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.85rem;
  font-family: inherit;
}
.prompt-builder__copy-hint {
  margin-left: 12px;
  font-size: 0.8rem;
  color: #28a745;
  display: none;
}

/* Modalitäten-Tabs --------------------------------------------------------- */
.mod-tabs { margin: 32px 0; }
.mod-tabs__nav {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.mod-tabs__btn {
  padding: 10px 20px;
  border: 2px solid #dee2e6;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  background: #f8f9fa;
  color: #495057;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  font-family: inherit;
}
.mod-tabs__btn.active {
  background: #1a1a2e;
  color: #fff;
  border-color: #1a1a2e;
}
.mod-tabs__panel-wrap {
  border: 2px solid #1a1a2e;
  border-radius: 0 8px 8px 8px;
  padding: 24px;
  background: #fff;
}
.mod-tabs__panel { display: none; }
.mod-tabs__panel.active { display: block; }
.mod-tabs__panel h4 { margin: 0 0 12px; color: #1a1a2e; }
.mod-tabs__panel > p { color: #495057; margin: 0 0 16px; }
.mod-cards { display: grid; gap: 12px; }
.mod-card {
  background: #f8f9fa;
  border-left: 4px solid #1a1a2e;
  padding: 14px 16px;
  border-radius: 0 8px 8px 0;
}
.mod-card--blue   { border-left-color: #0d6efd; }
.mod-card--green  { border-left-color: #198754; }
.mod-card--orange { border-left-color: #fd7e14; }
.mod-card__hint {
  color: #6c757d;
  font-size: 0.9rem;
  display: block;
}

/* Checkliste --------------------------------------------------------------- */
.prompt-checklist {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 12px;
  padding: 24px;
  margin: 24px 0;
}
.prompt-checklist__title {
  margin: 0 0 16px;
  font-size: 1rem;
  color: #1a1a2e;
}
.prompt-checklist__items { display: grid; gap: 10px; }
.checklist-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  padding: 10px 12px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #dee2e6;
}
.checklist-item input[type="checkbox"] {
  margin-top: 2px;
  width: 18px;
  height: 18px;
  accent-color: #1a1a2e;
  flex-shrink: 0;
}
.checklist-item .hint { color: #6c757d; }
.checklist-status {
  margin-top: 16px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #e9ecef;
  color: #495057;
  font-size: 0.9rem;
  font-weight: 600;
}

/* Aufzählung ohne Einrückung/Punkte ---------------------------------------- */
.plain-list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}

/* Sonstiges ---------------------------------------------------------------- */
.article-toc__sublist {
  margin: 4px 0 0 16px;
  list-style: disc;
}
.article-footer__copy {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--color-muted);
  max-width: 52ch;
}