/*
 * Functional Form Manager layout only.
 * Visual form styling belongs to the active theme.
 */
:where(.rc-form-manager__form) {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    container-type: inline-size;
}

:where(.rc-form-manager__field) {
    grid-column: 1 / -1;
    min-width: 0;
}

:where(.rc-form-manager__field--full) {
    grid-column: span 12;
}

:where(.rc-form-manager__field--half) {
    grid-column: span 6;
}

:where(.rc-form-manager__field--third) {
    grid-column: span 4;
}

:where(.rc-form-manager__field--two-thirds) {
    grid-column: span 8;
}

:where(.rc-form-manager__submit) {
    grid-column: 1 / -1;
}

@container (max-width: 40rem) {
    :where(
        .rc-form-manager__field--half,
        .rc-form-manager__field--third,
        .rc-form-manager__field--two-thirds
    ) {
        grid-column: 1 / -1;
    }
}

/* Nur funktionales Verstecken des Honeypots, kein Theme-Styling. */
:where(.rc-form-manager__aux-field) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    pointer-events: none;
}