/* RS-SH22 — Public Home hero content width expansion
 * Final page layer: expands .sh-hero__content on tablet/desktop so the copy/search area
 * aligns better with the widened .sh-container while preserving mobile stacking.
 */
@media (min-width: 768px) {
  body.public-shell.page-public-home #main-content .sh-hero__grid {
    grid-template-columns: minmax(0, 1.36fr) minmax(300px, .64fr) !important;
    gap: clamp(2.25rem, 4.5vw, 4.75rem) !important;
    align-items: center !important;
  }

  body.public-shell.page-public-home #main-content .sh-hero__content {
    width: 100% !important;
    max-width: 880px !important;
    justify-self: start !important;
  }

  body.public-shell.page-public-home #main-content .sh-hero__title {
    max-width: 17ch !important;
  }

  body.public-shell.page-public-home #main-content .sh-hero__lead {
    max-width: 72ch !important;
  }

  body.public-shell.page-public-home #main-content .sh-search {
    max-width: 100% !important;
  }

  body.public-shell.page-public-home #main-content .sh-hero__visual {
    width: 100% !important;
    max-width: 450px !important;
    justify-self: end !important;
  }
}

@media (min-width: 1200px) {
  body.public-shell.page-public-home #main-content .sh-hero__grid {
    grid-template-columns: minmax(680px, 1.42fr) minmax(360px, .58fr) !important;
  }

  body.public-shell.page-public-home #main-content .sh-hero__content {
    max-width: 940px !important;
  }

  body.public-shell.page-public-home #main-content .sh-hero__title {
    max-width: 18ch !important;
  }
}

@media (min-width: 1500px) {
  body.public-shell.page-public-home #main-content .sh-hero__content {
    max-width: 980px !important;
  }
}

@media (max-width: 767.98px) {
  body.public-shell.page-public-home #main-content .sh-hero__content,
  body.public-shell.page-public-home #main-content .sh-hero__visual {
    max-width: none !important;
    justify-self: stretch !important;
  }
}