/* Tabelle (Section\Table, 15.10.2026) — Breite/Abstände aus 00-base.css (.table-block).
   Breite Tabellen scrollen in sich (.table-scroll), statt die Seite auf dem Handy seitlich zu verschieben. */

.table-scroll {
  overflow-x: auto;
  border: 0.0625rem solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-bg);
}

.table-block table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-sm);
  line-height: var(--leading);
}

.table-block th,
.table-block td {
  padding: var(--space-3) var(--space-4);
  text-align: start;
  vertical-align: top;
  border-block-end: 0.0625rem solid var(--color-border);
}

.table-block th {
  background: var(--color-bg-alt);
  font-weight: 600;
  color: var(--color-text);
}

.table-block tbody tr:last-child td {
  border-block-end: 0;
}

.table-block tbody tr:nth-child(even) td {
  background: var(--color-bg-alt);
}

.table-note {
  margin-block-start: var(--space-3);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}