/* 2026-09-09 mobile compatibility layer.
   Primary responsive hero rules live in pages/home.css so one cascade owns the layout. */
@media (max-width: 680px) {
  .hero-banner-copy .button-text:hover,
  .hero-banner-copy .button-text:focus-visible {
    color: rgba(255,255,255,.92);
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}