/* ⟨Claude · compare · 20-10-2026⟩ Karşılaştırma sayfaları (site-src/collections/compare.mjs). Yalnız bu sayfalarda yüklenir.
   main.css'teki .conc-table 3. sütunu altın renge boyar (sulandırma tablosu); karşılaştırmada iki ürün eşit görünmeli —
   hiçbir sütun öne çıkmaz ("hangisi daha iyi" hükmü yok). Telefonda tablo kart düzenine geçer: her satır bir kart,
   hücreler sütun adını data-label'dan alır (labelCells). */
.cmp-table { min-width: 640px; table-layout: fixed; }
.cmp-table thead th:first-child { width: 22%; }
.cmp-table td, .cmp-table td:nth-child(n+3) { color: var(--ash); font-variant-numeric: normal; vertical-align: top; line-height: 1.55; font-size: 15px; }
.cmp-table tbody th { vertical-align: top; }
.cmp-table tbody tr:nth-child(3n) td { border-bottom-color: var(--line); }

@media (max-width: 720px) {
  .prose .table-wrap:has(.cmp-table) { overflow: visible; border: 0; border-radius: 0; }
  .cmp-table { min-width: 0; table-layout: auto; }
  .cmp-table caption { display: block; padding: 0 0 12px; }
  .cmp-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .cmp-table, .cmp-table tbody, .cmp-table tr, .cmp-table th, .cmp-table td { display: block; width: auto; }
  .cmp-table tbody tr { border: 1px solid var(--line); border-radius: 18px; margin-bottom: 12px; overflow: hidden; }
  .cmp-table tbody th { background: var(--bench); padding: 12px 16px; border-bottom: 1px solid var(--line); }
  .cmp-table td, .cmp-table td:nth-child(n+3) { padding: 12px 16px; border-bottom: 1px solid var(--line); }
  .cmp-table tbody tr td:last-child { border-bottom: 0; }
  .cmp-table td::before { content: attr(data-label); display: block; color: var(--ivory); font-size: 13px; font-weight: 600; margin-bottom: 4px; }
}