/* Colonne de docid : chaque page se lit dans une seule colonne centrée, sous l'en-tête au seul logo, et
   occupe au moins la hauteur de l'écran, son pied en bas (exvae #35-docid, § Graphisme). */

@layer components {
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
    .column {
        display: flex;
        flex: 1 0 auto;
        flex-direction: column;
        gap: var(--canon-space-6);
        width: min(100% - 2 * var(--canon-space-edge), 44rem);
        margin-inline: auto;
        padding-block: var(--canon-space-8) var(--canon-space-12);
    }
    .column > * {
        margin: 0;
    }
    .column-actions {
        display: flex;
        flex-wrap: wrap;
        gap: var(--canon-space-3);
    }
}