/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Hosted form page: cap the form column width. !important is required because
 * Bulma's breakpoint rules (.container:not(.is-max-tablet):not(...)) carry
 * specificity no plain scoped selector can beat — Bulma's own .is-fluid
 * override uses !important for the same reason. */
.section > .container {
  max-width: 700px !important;
}

/* Sticky footer: body is a flex column at least as tall as the viewport, the
 * middle section grows to fill leftover space (is-flex-grow-1), so the footer
 * sits at the bottom even when the form is short. */
.hosted-form-body {
  min-height: 100vh;
}