@media (max-width: 760px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
  }

  body {
    -webkit-tap-highlight-color: rgba(26, 25, 23, 0.12);
  }

  div[style*="max-width: 1120px"] {
    padding-left: max(16px, env(safe-area-inset-left)) !important;
    padding-right: max(16px, env(safe-area-inset-right)) !important;
  }

  header div[style*="height: 64px"] {
    height: 60px !important;
    gap: 12px !important;
  }

  header a {
    min-height: 44px;
    touch-action: manipulation;
  }

  header a:last-child {
    padding: 8px 12px !important;
  }

  section[style*="padding: 72px 0 44px"] {
    padding: 44px 0 30px !important;
  }

  h1 {
    max-width: 12ch;
    font-size: clamp(42px, 12vw, 56px) !important;
    line-height: 1.02 !important;
    text-wrap: balance;
  }

  h1 + p {
    max-width: 34ch !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
  }

  section[style*="display: grid"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 36px !important;
    padding: 30px 0 52px !important;
  }

  pre {
    max-width: 100%;
    padding: 20px 18px !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
    overflow-wrap: anywhere;
  }

  button {
    min-height: 44px;
    padding: 10px 14px !important;
    touch-action: manipulation;
  }

  aside {
    position: static !important;
    width: 100%;
  }

  aside a {
    min-height: 48px;
    touch-action: manipulation;
  }

  footer div[style*="padding: 28px 32px"] {
    padding-top: 22px !important;
    padding-bottom: calc(22px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 390px) {
  header span[style*="font-size: 19px"] {
    font-size: 17px !important;
  }

  header a:last-child {
    font-size: 13px !important;
  }

  h1 {
    font-size: 42px !important;
  }
}