@layer blocks {
    /* Out of sight and out of the tab order, but still in the form a bot fills. */
    .field-honeypot {
        position: absolute;
        left: -100vw;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

    /* The kinds wait for the script, which shows the chosen part only; without it a message is plain. */
    .inquiry-parts:not([data-ready]) {
        display: none;
    }

    .inquiry-part {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .inquiry-form-text {
        max-width: 40rem;
        margin: 0 0 calc(var(--space-unit) * 1.5);
    }

    .contact-privacy {
        margin: var(--space-unit) 0 0;
        color: var(--tone-muted);
        font-family: var(--font-ui);
        font-size: 0.875rem;
    }

    .contact-sent {
        max-width: 40rem;
    }

    .contact-sent-message {
        margin: 0 0 calc(var(--space-unit) * 1.5);
    }
}