/* Layout and typography of the composer's form come from the global form
   theme (assets/styles/form.css); only the page-band framing lives here. */
@layer block {
    .story-composer {
        padding-block: var(--space-4);
        padding-inline: max(var(--space-page-mobile), calc((100% - var(--content-max-width)) / 2));
        border-bottom: 1px solid var(--color-border);

        /* The story is the loudest thing on the page — a display-sized font in
           a field padded like an e-mail input would read as cramped. */
        & .form .form__control {
            padding: var(--space-3);
        }
    }
}