main {
  container-type: inline-size;
  container-name: main;
}

@container main (width <= 48rem) {
  #wowjob-ui .hero {
    grid-template-columns: 1fr !important;
  }
}

@container main (width <= 32rem) {
  #wowjob-ui#wowjob-ui .top-menu {
    flex-direction: column;
    gap: 0.5rem;
  }

  #wowjob-ui#wowjob-ui .top-menu nav {
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
  }
}