/*
 * Conteneur principal commun — étape 0092.
 *
 * Cette feuille constitue la dernière couche de layout structurel
 * des pages.
 *
 * Les règles ne s'appliquent qu'au desktop afin de préserver sans
 * modification les comportements tablette et téléphone existants.
 */

:root {
    --site-main-desktop-width: 1180px;
    --site-main-desktop-gutter: 40px;
}

@media (min-width: 1101px) {
    /*
     * En-tête et pied de page communs.
     */
    body.site-shell .header-inner,
    body.site-shell .footer-inner,

    /*
     * Anciennes variantes des pages de lecture qui possèdent leur
     * propre en-tête ou pied de page.
     */
    body.site-shell .reading-header,
    body.site-shell .reading-footer,

    /*
     * Toutes les pages construites sur le shell membre.
     *
     * Ce sélecteur neutralise notamment les anciennes variantes
     * desktop à 1080, 1120 et 1280 px.
     */
    body.site-shell main#contenu.account-page,

    /*
     * Forum.
     */
    body.site-shell main#contenu.forum-page,

    /*
     * Défis et concours.
     *
     * Les variantes explicitement étroites restent volontairement
     * exclues.
     */
    main#contenu.writing-page:not(.writing-page--narrow),

    /*
     * Pages publiques du shell de lecture.
     */
    body.site-shell main#contenu > .discovery-page,
    body.site-shell main#contenu > .author-page,
    body.site-shell main#contenu > .work-overview,
    body.site-shell main#contenu > .work-review-page,
    body.site-shell main#contenu > .badge-catalog-page,

    /*
     * Sections principales de la page d'accueil.
     */
    body.site-shell main#contenu .container {
        width:
            min(
                var(--site-main-desktop-width),
                calc(
                    100%
                    - var(--site-main-desktop-gutter)
                )
            );
        margin-inline: auto;
    }
}