main :is(h1, h2, h3) {
  text-wrap: balance;
}

main h1:not(.site-title) {
  font-size: clamp(1.875rem, 1.7rem + 0.9vw, 2rem);
}

main h1.site-title {
  font-size: clamp(2.125rem, 1.9rem + 1.25vw, 2.375rem);
}

main h2 {
  font-size: clamp(1.25rem, 1.18rem + 0.55vw, 1.35rem);
}

main h3 {
  font-size: clamp(1.05rem, 1.02rem + 0.2vw, 1.1rem);
}

main .app-gallery h2 {
  font-size: clamp(1rem, 0.98rem + 0.15vw, 1.0625rem);
}

main > p:first-of-type > a[href="/"] {
  align-items: center;
  display: inline-flex;
  min-height: 44px;
  padding-inline: 4px;
}

main nav[aria-label="Page sections"] > a {
  align-items: center;
  display: inline-flex;
  min-height: 44px;
  padding-inline: 4px;
}

main a[href^="https://apps.apple.com"] {
  align-items: center;
  border-radius: 5px;
  display: inline-flex;
  max-width: 100%;
  min-height: 44px;
  padding-inline: 8px;
}

main .store-cta > a[href^="https://apps.apple.com"] {
  font-size: 1.0625rem;
  font-weight: 600;
  min-height: 48px;
  padding-inline: 12px;
}

main a:focus-visible {
  border-radius: 3px;
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

main a:active {
  opacity: 0.72;
}

@media (hover: hover) and (pointer: fine) {
  main a:hover {
    text-decoration-thickness: 2px;
    text-underline-offset: 0.18em;
  }
}