@media (max-width: 900px) {
    /* =================== Règlement ==================== */
    .reglement {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        gap: 30px;
    }


    /* =================== Sidebar ==================== */
    .sidebar {
        position: static;
        width: 100%;
        max-height: none;
        overflow-y: visible;
        border-radius: 15px;
    }


    /* =================== Contenu règlement ==================== */
    .page-reglement {
        padding: 30px 0;
    }

    .reglement-content {
        padding: 25px 25px;
    }

    .reglement-content p {
        font-size: 18px;
    }

    .reglement-content td:first-child {
        width: auto;
    }
}


@media (max-width: 580px) {
    /* =================== Tableaux ==================== */
    .reglement-content table,
    .reglement-content thead,
    .reglement-content tbody,
    .reglement-content th,
    .reglement-content td,
    .reglement-content tr {
        display: block;
        width: 100%;
    }

    .reglement-content thead {
        display: none;
    }

    .reglement-content td {
        border-bottom: 1px solid var(--border-mobile);
        padding: 10px 12px;
    }

    .reglement-content td:first-child {
        border-right: none;
        color: var(--text-primary);
        font-size: 13px;
        letter-spacing: 0.5px;
        opacity: 0.6;
        padding-bottom: 4px;
    }

    .reglement-content tr:last-child td:last-child {
        border-bottom: none;
    }

    .reglement-content {
        padding: 20px 15px;
    }
}