/* Tableau — modèle canonique ; son emploi : canon_table.md. */

@layer components {
    .table-region {
        overflow-x: auto;
    }
    .table {
        width: 100%;
        border-collapse: collapse;
    }
    .table th,
    .table td {
        padding: var(--canon-space-2) var(--canon-space-3);
    }

    .table th {
        text-align: start;
        font-weight: var(--canon-weight-label);
        color: var(--canon-theme-muted);
    }
}

@layer components {
    .table--style-lines th,
    .table--style-lines td {
        border-block-end: var(--canon-line-width) solid var(--canon-theme-line);
    }
    .table--style-grid th,
    .table--style-grid td {
        border: var(--canon-line-width) solid var(--canon-theme-line);
    }
}