/* Disposition seule. Les variantes du système vivent au socle ; cette feuille ne fait que les
   placer, et n'invente aucune apparence. */

@layer components {
    .collection-heading {
        display: flex;
        justify-content: flex-end;
    }
    .collection-form {
        margin-block-start: var(--canon-space-5);
    }
    .collection-groups {
        display: grid;
        gap: var(--canon-space-5);
    }
    .collection-nature > .card-list-heading {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: var(--canon-space-3);
        flex-wrap: wrap;
    }
    .collection-nature > .card-list-heading > .title {
        margin: 0;
    }
    .form-module {
        margin: 0 0 var(--canon-space-5);
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: var(--canon-space-4);
    }
    .form-module > legend {
        padding: 0;
        margin-block-end: var(--canon-space-2);
    }
    .birth-grid {
        display: grid;
        gap: var(--canon-space-4);
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
        margin-block: var(--canon-space-4);
    }

    .form-module {
        border: 0;
    }
}