/* assets/css/compare.css — Zwei Tabellenarten: Preisvergleich (Zeilen =
   Anbieter) und Funktions-Gegenueberstellung (Zeilen = Funktionen, Ja/Wettbewerb). */

.compare-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r-lg); margin-top: 40px; }
.compare-note { font-size: 12px; color: var(--ink-faint); margin-top: 12px; }

table.compare { width: 100%; border-collapse: collapse; min-width: 640px; font-size: 13.5px; }
table.compare th, table.compare td { padding: 14px 18px; text-align: left; border-bottom: 1px solid var(--line); white-space: nowrap; }
table.compare thead th {
  font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--ink-faint); background: var(--surface-2); font-weight: 700;
}
table.compare tbody tr:last-child th, table.compare tbody tr:last-child td { border-bottom: none; }
table.compare tbody tr.us { background: var(--accent-soft); }
table.compare th[scope="row"] { font-weight: 700; }
table.compare tbody tr.us th { color: var(--accent-strong); }
:root[data-theme="dark"] table.compare tbody tr.us th { color: var(--accent); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) table.compare tbody tr.us th { color: var(--accent); } }
table.compare td.price { font-family: var(--mono); font-variant-numeric: tabular-nums; font-weight: 600; white-space: normal; }
table.compare td.logic { color: var(--ink-muted); white-space: normal; max-width: 26ch; }
table.compare td.price .sub { font-weight: 400; color: var(--ink-muted); }

table.feature-compare { width: 100%; border-collapse: collapse; min-width: 620px; font-size: 14px; }
table.feature-compare th, table.feature-compare td { padding: 15px 20px; text-align: left; border-bottom: 1px solid var(--line); }
table.feature-compare thead th {
  font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--ink-faint); background: var(--surface-2); font-weight: 700;
}
table.feature-compare thead th.col-us { color: var(--accent-strong); }
:root[data-theme="dark"] table.feature-compare thead th.col-us { color: var(--accent); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) table.feature-compare thead th.col-us { color: var(--accent); } }
table.feature-compare tbody tr:last-child td { border-bottom: none; }
table.feature-compare td.feat { font-weight: 600; }
table.feature-compare td.us { color: var(--ok); font-weight: 700; white-space: nowrap; }
table.feature-compare td.them { color: var(--ink-muted); font-size: 13px; }
table.feature-compare td.us svg { width: 16px; height: 16px; vertical-align: -3px; margin-right: 6px; }