/* SEO-02 — "X ve Y" karşılaştırma sayfaları. Temel düzen /css/tool.css ve /css/profile.css'ten gelir. */
.cp-main { max-width: 940px; }
.cp-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cp-table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.cp-table th,
.cp-table td { padding: 0.5rem 0.7rem; border-bottom: 1px solid rgba(15, 23, 42, 0.1); text-align: left; vertical-align: top; }
.cp-table thead th { font-family: "Outfit", sans-serif; color: #1e3a8a; border-bottom: 2px solid rgba(37, 99, 235, 0.25); }
.cp-table thead th:nth-child(n + 2),
.cp-table tbody td { text-align: center; }
.cp-table tbody th { font-weight: 600; color: #334155; min-width: 12rem; }
.cp-table tbody tr:nth-child(even) { background: rgba(37, 99, 235, 0.04); }
.cp-table a { color: #1d4ed8; }
.cp-yes { color: #15803d; font-weight: 700; }
.cp-no { color: #94a3b8; }
/* Özet tablosunda hücreler metin taşır; ortalamak yerine soldan hizalanır. */
.cp-table tbody td:not(.cp-yes):not(.cp-no) { text-align: left; }
@media (max-width: 520px) {
  .cp-table { font-size: 0.86rem; }
  .cp-table tbody th { min-width: 9rem; }
}