/* Narrow-screen reading and touch pass. Desktop composition is unchanged. */
@media (max-width: 860px) {
  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 48px;
    padding: 0 8px;
    cursor: pointer;
  }
}

@media (max-width: 640px) {
  /* Use one title role across the five inner pages instead of the older
     product-only override. Let long titles wrap to the available measure. */
  main .page-hero h1 {
    font-size: clamp(30px, 8vw, 32px);
    line-height: 1.18;
    letter-spacing: -.025em;
  }
  main .tech-hero h1 br,
  main .products-hero h1 br,
  main .markets-hero h1 br { display: none; }
  main .page-hero p {
    max-width: 34ch;
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.6;
  }

  .editorial-route .route-visual { min-height: clamp(260px, 75vw, 340px); }
  .editorial-route .route-copy { padding: 48px 22px 64px; }
}