/* Lecture des cinq articles P2.1 : le contenu reste intact, seul le tableau défile. */
.article-reading .article-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
}
.article-reading .article-layout > *,
.article-reading .article-body {
    min-width: 0;
}
.article-reading .article-table-region {
    margin: var(--space-4) 0;
    min-width: 0;
}
.article-reading .article-table-scroll {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}
.article-reading .article-table-scroll > table {
    margin: 0;
}
.article-reading .article-table-scroll:focus-visible {
    outline: 3px solid var(--color-secondary);
    outline-offset: -3px;
}
.article-reading .article-table-hint {
    display: none;
}
/* Le minimum s'adapte au conteneur, sans changer les colonnes sur ordinateur. */
.article-reading .module-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
}
@media (max-width: 968px) {
    .article-reading .article-layout {
        grid-template-columns: minmax(0, 1fr);
    }
    .article-reading .article-table-hint {
        display: block;
        margin: 0 0 var(--space-2);
        font-size: var(--fs-sm);
        line-height: 1.5;
        color: var(--text-muted);
    }
}