@layer sections {
[data-tfg="on"] .legal-page,
[data-tfg="on"] .accessibility-page {
    background: transparent;
    color: var(--tfg-text-primary);
}

/* Kart #009 M4/B-1: legal-company-card / legal-table-wrap panel chrome'unun TEK kaynağı
   RouteCore.css §17'dir (aynı bildirimler + rim shadow). Buradaki kopya, aynı layer içinde
   yükleme-sırası belirsizliği yarattığı için kaldırıldı. accessibility-sidebar-card kuralı
   Accessibility ailesi adına korunur. */
[data-tfg="on"] .accessibility-sidebar-card {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
}

/* Kart #009 M5: TOC anchor hedefi navbar altında kalmasın (Accessibility ailesi paritesi). */
[data-tfg="on"] .legal-section {
    scroll-margin-block-start: var(--tfg-nav-clearance, var(--tfg-space-7));
}

/* Kart #009 B-4: sidebar başlık tipografisi (tanımsız seçici idi). */
[data-tfg="on"] .legal-sidebar-title {
    display: block;
    margin-block-end: var(--tfg-space-2);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-letter-spacing-wide, 0.04em);
    text-transform: uppercase;
    color: var(--tfg-text-secondary);
}

/* Kart #009 B-5 notu: .legal-section__body / .legal-section__list BEM sınıfları bilinçli olarak
   genel content-page tipografisini miras alır; aile-özel kural gerekirse buraya eklenir. */
}