/* Options du compte — famille `page-editor`.
   Cette feuille ne règle que la disposition propre au formulaire. */

@layer page {
    .options-form {
        display: flex;
        flex-direction: column;
        gap: var(--canon-space-8);
    }
    .options-name-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--canon-space-4);
    }
    .options-skeleton {
        max-width: var(--canon-width-reading);
    }
    @media (max-width: 600px) {
        .options-name-grid {
            grid-template-columns: 1fr;
        }
    }
}