/* Comparison page table — modeled on .dm-table (document-match.css).
   Page-specific styles live here per the established assets/css/pages/ pattern.
   CSP allows style-src 'self' only: no inline <style> on the page itself. */

.compare-table-wrap {
  overflow-x: auto;
  margin-top: var(--space-3);
}

.compare-table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  background: var(--color-card);
}

.compare-table th,
.compare-table td {
  border: var(--border-width) solid var(--color-border);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  min-width: 150px;
  overflow-wrap: break-word;
}

.compare-table thead th {
  font-family: var(--font-heading);
  background: var(--color-bg);
}

.compare-table tbody th[scope="row"] {
  font-family: var(--font-heading);
  background: var(--color-bg);
  white-space: nowrap;
}