/* Custom overrides for Tailwind (if needed) */
body {
    font-family: system-ui, sans-serif;
}

/* Keep layout width stable when content gets taller (avoid width jump on scrollbar) */
html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

/* Ensure the form container is never narrow, even before Tailwind loads */
#headline-form {
    min-width: 640px; /* ~max-w-3xl inner feel on desktop; will be constrained by parent */
}

@media (max-width: 700px) {
    #headline-form {
        min-width: auto;
        width: 100%;
    }
}

/* Make inputs/selects full width before Tailwind applies utilities */
#headline-form input,
#headline-form select,
#headline-form textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}