/* Mobile homepage corrections. Load after index-spacing.v784.css. */
@media (max-width:640px){
  /* Tighten the two marked spaces in the stacked hero layout. */
  body .hero-grid{
    gap:12px !important;
  }

  /* Compact the marked message panel while preserving its type scale. */
  body .hero-message-stack{
    padding:14px 12px 12px !important;
  }

  body .hero-supporting-headline{
    margin-top:10px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  body .hero-copy .hero-value-summary{
    text-align:left !important;
    text-align-last:auto;
    text-justify:auto;
    word-spacing:normal;
    margin-top:10px !important;
  }

  /* The hero layout already supplies the vertical gap. */
  body .hero-copy .hero-sports-elevator{
    margin-top:0 !important;
  }

  /* Slightly reduce the height of the two hero action buttons. */
  body .hero-primary-actions .btn{
    min-height:44px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
}