/* HTS mobile fixes — 2026-08-20
   1) grid-cols-3 header: on mobile the two middle spacer cells are display:none,
      so the nav auto-places into the CENTER grid column and lands on top of the
      overflowing wordmark. Flex restores left/right placement.
   2) The letter-spaced wordmark can't fit its grid cell at 15px on 390px screens.
   3) Home hero overlay rows collide when their labels wrap — stack them. */
@media (max-width: 767px) {
  header > div[class~="grid-cols-3"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }
  header > div[class~="grid-cols-3"] span[class~="neu-etched"] {
    font-size: 10px;
    letter-spacing: 0.24em;
  }
  .neu-carved > div[class~="top-5"][class~="justify-between"] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
  }
  .neu-carved > div[class~="bottom-6"][class~="left-6"] {
    max-width: 60%;
  }
  /* hero footer: the CTA group holds three discipline chips in a ~100px grid
     cell — Web was pushed fully off-screen. Stack them so all are visible. */
  .cat-group--cta {
    height: auto;
    flex-wrap: wrap;
  }
  .cat-group--cta > a {
    flex: 1 1 100%;
    min-height: 2.5rem;
  }
}