/* ── Shared base ── */
.tablepress { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 10px; overflow: hidden; font-size: 14px; }
.tablepress thead th { padding: 12px 16px; text-align: left; font-weight: 700; letter-spacing: .5px; }
.tablepress tbody td { padding: 10px 16px; }
.tablepress tbody tr { transition: filter .2s ease; }
.tablepress tbody tr:hover { filter: brightness(1.12); cursor: default; }

/* ── S Tier (table ID 1) — red gradient, white text ── */
.tablepress-id-1 thead th { background: linear-gradient(135deg, #FF4D4D, #FF1A1A); color: #fff; }
.tablepress-id-1 tbody tr:nth-child(odd)  td { background: #ff3333; color: #fff; }
.tablepress-id-1 tbody tr:nth-child(even) td { background: #ff1a1a; color: #fff; }

/* ── A Tier (table ID 2) — orange gradient, white text ── */
.tablepress-id-2 thead th { background: linear-gradient(135deg, #FF944D, #FF751A); color: #fff; }
.tablepress-id-2 tbody tr:nth-child(odd)  td { background: #ff8533; color: #fff; }
.tablepress-id-2 tbody tr:nth-child(even) td { background: #ff751a; color: #fff; }

/* ── B Tier (table ID 3) — yellow, dark text ── */
.tablepress-id-3 thead th { background: #FFD24D; color: #333; }
.tablepress-id-3 tbody tr:nth-child(odd)  td { background: #ffe080; color: #333; }
.tablepress-id-3 tbody tr:nth-child(even) td { background: #ffd24d; color: #333; }

/* ── C Tier (table ID 4) — grey, dark text ── */
.tablepress-id-4 thead th { background: #bfbfbf; color: #333; }
.tablepress-id-4 tbody tr:nth-child(odd)  td { background: #e6e6e6; color: #333; }
.tablepress-id-4 tbody tr:nth-child(even) td { background: #d9d9d9; color: #333; }

/* ── Mobile responsiveness ── */
@media (max-width: 600px) {
    .tablepress thead { display: none; }
    .tablepress tbody td { display: block; padding: 8px 12px; }
    .tablepress tbody td::before { content: attr(data-label); font-weight: 700; display: block; margin-bottom: 2px; opacity: .75; font-size: 11px; text-transform: uppercase; }
    .tablepress tbody tr { display: block; margin-bottom: 10px; border-radius: 8px; overflow: hidden; }
}