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

    .brief-form {
        max-width: 40rem;
    }

    /* The module does not require communication, whose style hides the trap of its own form. */
    .brief-form .field-honeypot,
    .design-order-form .field-honeypot {
        position: absolute;
        left: -100vw;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

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

    .brief,
    .brief-status,
    .design-order {
        max-width: 40rem;
    }

    .design-order-intro {
        margin: 0 0 calc(var(--space-unit) * 1.5);
    }

    .design-order-form {
        max-width: 40rem;
    }

    .design-order-call {
        margin: 0 0 var(--space-unit);
    }

    .brief-status-pending[data-stopped] .brief-status-text {
        color: var(--tone-muted);
    }

    .brief-status-text {
        margin: 0 0 calc(var(--space-unit) * 1.5);
    }
}