/* Comparison pages (/vergleich/*, /en/compare/*) and the marketing spokes that
   reuse their table. Lives in a file because the CSP is `style-src 'self'`:
   an inline <style> block is blocked in production and the tables rendered
   unstyled. Loaded after /topbar-footer.css and /legal/style.css. */

.vs-lead { font-size: 1.05rem; line-height: 1.6; }
.vs-table-wrap { overflow-x: auto; margin: 1.5rem 0; }
table.vs-table { border-collapse: collapse; width: 100%; font-size: 0.95rem; }
table.vs-table th, table.vs-table td {
  border: 1.5px solid var(--ink, #14110d);
  padding: 0.55rem 0.7rem; text-align: left; vertical-align: top;
}
table.vs-table thead th { background: var(--ink, #14110d); color: var(--paper, #f5f1e6); }
table.vs-table tbody th { font-weight: 600; white-space: nowrap; }
.vs-yes { color: #1a7f37; font-weight: 600; }
.vs-no { color: #a83b3b; font-weight: 600; }
.vs-updated { font-family: var(--font-mono, monospace); font-size: 0.8rem; opacity: 0.7; text-transform: uppercase; letter-spacing: 0.08em; }
.vs-portrait { margin: 1.25rem 0; }
.vs-portrait h3 { margin-bottom: 0.25rem; }
.vs-best { font-size: 0.9rem; opacity: 0.85; }