body {
  min-width: 0;
  overflow-x: clip;
}

@media (max-width: 760px) {
  .legal-nav {
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-snap-type: inline proximity;
  }

  .legal-nav::-webkit-scrollbar {
    display: none;
  }

  .legal-nav a {
    min-height: 42px;
    display: flex;
    align-items: center;
    scroll-snap-align: start;
  }
}

@media (max-width: 380px) {
  header {
    height: 68px;
    gap: 12px;
    padding-inline: 12px;
  }

  .brand {
    min-width: 0;
    font-size: 14px;
  }

  .brand img {
    width: 35px;
    height: 33px;
  }

  .back {
    max-width: 82px;
    text-align: right;
  }

  .legal-shell {
    width: calc(100% - 24px);
    padding-top: 30px;
  }

  .legal-content h1 {
    font-size: 35px;
    letter-spacing: -1.7px;
  }

  .legal-content > .intro {
    font-size: 14px;
  }

  .legal-content section {
    padding-block: 23px;
  }
}