/* Mobile reading baseline: preserve content while making long pages calmer on phones. */
@media (max-width: 760px) {
  html { overflow-x: clip; }
  body {
    overflow-wrap: anywhere;
    -webkit-text-size-adjust: 100%;
  }

  img, picture, video, iframe, svg, canvas { max-width: 100%; }
  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  :where(main, article, section, .content, .container, .blog-content) :where(p, li, dd, figcaption) {
    line-height: 1.85;
  }
  :where(main, article, section, .content, .container, .blog-content) :where(p + p, li + li) {
    margin-top: .75em;
  }

  :where(main, article, section, .content, .container, .blog-content) :where(h1, h2, h3) {
    line-height: 1.35;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
  :where(main, article, section, .content, .container, .blog-content) :where(h2, h3) {
    scroll-margin-top: 88px;
  }

  a, button, input, select, textarea { touch-action: manipulation; }
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}