/* /compare/ sayfaları (2026-10-16): docs düzeni (main.at-docs) aynen kullanılır; burada yalnız main.at-cmp kapsamında
   düğmeler ve olgu tabloları var. pages.css'e eklenmedi: onun ?v= sürümü her sayfada birlikte artar. Bu dosya değişince
   üç karşılaştırma sayfasındaki ?v= artar (_headers: /assets/* bir saat önbellekte). */

/* olgu tablosu: ilk sütun konu ya da sağlayıcı, son sütun kaynak bağlantıları (alt alta) */
.at-cmp .doc table.at-cmp-facts td:first-child { color: var(--at-ink); }
.at-cmp .doc table.at-cmp-facts td.src { font-size: 13px; }
.at-cmp .doc table.at-cmp-facts td.src a { display: block; margin: 0 0 4px; }
.at-cmp .doc table.at-cmp-facts td.src a:last-child { margin: 0; }

/* telefonda satır kart olur (pages.css .at-stack): ilk hücre kartın başlığıdır, sütun adı yazılmaz */
@media (max-width: 809.98px) {
  .at-cmp .doc table.at-cmp-facts td:first-child { font-weight: 600; }
  .at-cmp .doc table.at-cmp-facts td:first-child::before { display: none; }
}

/* sağlayıcı tablosu sekiz sütun: 1440 genişlikte çerçeveye sığar; daha dar ekranda (tablet) çerçevesinin içinde yatay kayar,
   sağlayıcı sütunu solda sabit kalır. Telefonda satırlar kart olur. */
@media (min-width: 810px) {
  .at-cmp .doc table.at-cmp-wide { min-width: 840px; font-size: 13px; }
  .at-cmp .doc table.at-cmp-wide th, .at-cmp .doc table.at-cmp-wide td { padding: 10px 10px; }
  .at-cmp .doc table.at-cmp-wide td:first-child, .at-cmp .doc table.at-cmp-wide th:first-child {
    position: sticky; left: 0; z-index: 1; background: var(--at-bg); box-shadow: inset -1px 0 0 var(--at-line); }
  .at-cmp .doc table.at-cmp-wide thead th:first-child { background: var(--at-th); }
}

/* sayfa sonu düğmeleri (Get started, Quickstart) */
.at-cmp .doc .at-cmp-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 40px 0 0; }
.at-cmp .doc a.at-cmp-btn { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 20px; border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 32px; color: var(--at-ink); text-decoration: none; font: 500 15px/1.2 var(--at-sans);
  transition: border-color .2s ease, color .2s ease, background-color .2s ease; }
.at-cmp .doc a.at-cmp-btn:hover { border-color: var(--at-acc); color: var(--at-acc); background: rgba(var(--at-acc-rgb), .08); }
.at-cmp .doc a.at-cmp-btn.at-cmp-primary { border-color: var(--at-acc); background: var(--at-acc); color: rgb(5, 5, 5); }
.at-cmp .doc a.at-cmp-btn.at-cmp-primary:hover { border-color: rgb(100, 255, 240); background: rgb(100, 255, 240); color: rgb(5, 5, 5); }
.at-cmp .doc .at-doc-foot { margin-top: 48px; }
.at-cmp .doc .at-doc-fb + .at-doc-fb { margin-top: 8px; }