/* ============================================================
   Phone — HOME page (Home/Index)
   Loaded phone-only via @section Styles in Views/Home/Index.cshtml
   (<link media="(max-width: 48em)">). Applies at <= 48em automatically.
   ============================================================ */

/* ---- Welcome hero ---- */
.welcome-hero {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    min-height: 0;                /* drop the 30rem desktop min-height */
}

/* Scale the oversized desktop title down so it fits a phone and long
   guild names don't overflow */
.welcome-title {
    font-size: 2rem;
}

/* ---- Survey card ---- */
/* Let long button labels and the meta row wrap instead of overflowing */
.survey-card-actions {
    flex-wrap: wrap;
}
.survey-card-meta-row {
    flex-wrap: wrap;
}