/* /karsilastirma: sourced comparison table. Builds on icerik-sayfa.css (.pcrm-*). */
.kar-table-wrap { max-width: 1120px; }
.kar-table caption {
    caption-side: top; text-align: left; padding: 16px 22px; font-size: 15px; font-weight: 600;
    color: var(--pcrm-dark); background: #fff; border-bottom: 1px solid var(--pcrm-border);
}
.kar-table thead th { color: #fff; }
.kar-table th[scope="row"] {
    padding: 16px 22px; text-align: left; vertical-align: top; font-size: 15px; font-weight: 700;
    color: var(--pcrm-dark); border-bottom: 1px solid var(--pcrm-border); white-space: nowrap;
}
.kar-table tbody tr:last-child th[scope="row"] { border-bottom: none; }
.kar-table td { min-width: 120px; }
.kar-table td[data-label="Bilgi"] { min-width: 320px; color: var(--pcrm-text); }
.kar-table td[data-label="Kaynak"] { min-width: 150px; }
.kar-table td[data-label="Tarih"] { white-space: nowrap; color: var(--pcrm-muted); }
.kar-table td a { overflow-wrap: anywhere; }
.kar-table tbody tr:nth-child(even) th[scope="row"] { background: #fafcff; }

.kar-h2 { font-size: 24px; font-weight: 700; color: var(--pcrm-dark); margin: 36px 0 12px; line-height: 1.3; }
.kar-h2:first-child { margin-top: 0; }
.kar-sources { margin: 0 0 18px; padding-left: 20px; }
.kar-sources li { margin: 6px 0; overflow-wrap: anywhere; }
.kar-sources a { color: var(--pcrm-primary); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 576px) {
    .kar-table caption { display: block; padding: 14px 16px; font-size: 14px; }
    .kar-table, .kar-table tbody, .kar-table tr, .kar-table td, .kar-table th[scope="row"] { display: block; width: 100%; }
    .kar-table th[scope="row"] { padding: 4px 0 0; border: none; white-space: normal; font-size: 16px; }
    .kar-table td, .kar-table td[data-label="Bilgi"], .kar-table td[data-label="Kaynak"] { min-width: 0; }
    .kar-table tbody tr:nth-child(even) th[scope="row"] { background: transparent; }
    .kar-table td[data-label="Konu"] { font-weight: 600; color: var(--pcrm-dark); }
    .kar-h2 { font-size: 21px; }
    /* Seo:ComparisonA11y: the visually hidden header row takes no space in the card layout, so DOM order = visual reading order. */
    .kar-a11y .kar-table thead, .kar-a11y .kar-table thead tr, .kar-a11y .kar-table thead th { display: block; position: static; width: auto; height: 0; margin: 0; padding: 0; border: 0; overflow: hidden; }
}

/* X-LNK: visible breadcrumb (Seo:ComparisonLinks) */
.kar-breadcrumb { margin: 16px 0 0; font-size: 14px; }
.kar-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 8px; }
.kar-breadcrumb li + li::before { content: "/"; margin-right: 8px; color: #6b7280; }
.kar-breadcrumb a { text-decoration: underline; }