table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.25rem 0;
}

th, td {
    padding: 0.5rem 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

th {
    background: var(--bg);
    font-weight: 600;
    color: var(--muted);
}


@media (max-width: 1440px) {
    table {
        margin: 1.125rem 0;
    }
    th, td {
        padding: 0.475rem 0.7125rem;
    }
}

@media (max-width: 1024px) {
    table {
        margin: 1rem 0;
    }
    th, td {
        padding: 0.45rem 0.675rem;
    }
}

@media (max-width: 768px) {
    table {
        margin: 0.875rem 0;
        font-size: 0.9rem;
    }
    th, td {
        padding: 0.425rem 0.6375rem;
    }
}

@media (max-width: 480px) {
    table {
        margin: 0.75rem 0;
        font-size: 0.85rem;
    }
    th, td {
        padding: 0.4rem 0.6rem;
    }
}

@media (max-width: 375px) {
    table {
        margin: 0.625rem 0;
        font-size: 0.8rem;
    }
    th, td {
        padding: 0.375rem 0.5625rem;
    }
}