@layer reset, tokens, legado, componentes; @layer legado {

    .qt-table { width: 100%; border-collapse: collapse; max-width: 720px; margin: 0 0 28px; }
    .qt-table th, .qt-table td { padding: 12px 16px; border-bottom: 1px solid #e2e8f0; text-align: left; }
    .qt-table th { background: #f1f5f9; font-weight: 700; color: #1a1a1a; }
    .qt-table a { color: #003c87; text-decoration: none; font-weight: 600; }
    .qt-table a:hover { text-decoration: underline; }
    .qt-year-list { list-style: none; padding: 0; display: flex; gap: 14px; flex-wrap: wrap; }
    .qt-year-list li { padding: 8px 16px; background: #f8fafc; border-radius: 8px; }
    .qt-year-list a { color: #003c87; text-decoration: none; font-weight: 600; }
    body.dark-mode .qt-table th { background: #1e293b; color: #e8e8e8; }
    body.dark-mode .qt-table th, body.dark-mode .qt-table td { border-bottom-color: #2d3748; }
    body.dark-mode .qt-table a, body.dark-mode .qt-year-list a { color: #64b5ff; }
    body.dark-mode .qt-year-list li { background: rgba(0, 60, 135, 0.10); }

}