@media (max-width: 900px) {
  .home-hero h1 {
    max-width: 100%;
    font-size: clamp(2.45rem, 11vw, 3rem);
    overflow-wrap: normal;
    word-break: normal;
  }

  .service > div { min-width: 0; }
  .service h2, .service-links a { overflow-wrap: anywhere; }

  header.home-nav .home-menu-panel a {
    display: flex;
    min-height: 44px;
  }

  .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .category-grid a {
    min-height: 150px;
    padding: 18px;
  }
}