.nav-links > a,
.language-menu summary,
.language-menu a {
  min-height: 44px;
  padding: .6rem .65rem;
}
.nav-links > a { display: inline-flex; align-items: center; }
.language-menu .languages { inset-inline-end: 0; }
.screens a { display: block; border-radius: 1rem; }
.support a { overflow-wrap: anywhere; }
@media (max-width: 650px) {
  .hero nav { padding-block: .5rem; gap: .25rem; }
  .nav-links { gap: .15rem; }
  .nav-links > a, .language-menu summary { padding-inline: .4rem; }
  .intro { text-align: center; padding-block: 1.75rem 1.25rem; }
  .intro h1 { font-size: clamp(1.8rem, 8vw, 3rem); overflow-wrap: anywhere; }
  .intro p { margin: .85rem auto 1rem; }
  .hero img { width: clamp(9rem, 43vw, 13rem); }
  .screens {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 78%;
    gap: .9rem;
    max-width: none;
    padding: .3rem .3rem .7rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: .3rem;
  }
  .screens figure { min-width: 0; scroll-snap-align: start; }
  footer .wrap { flex-wrap: wrap; }
}