/* Restrained mobile usability and motion polish. */
@media (max-width: 700px) {
  .clone-link-stack > a,
  .clone-link-toggle,
  #mobile-menu.has-open-subnav .clone-link-stack > a,
  #mobile-menu.has-open-subnav .clone-link-toggle {
    min-height: 44px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .matched-ba-tools button,
  .matched-ba-preview button,
  [data-image-filter],
  [data-preview-reset] {
    min-height: 44px !important;
    padding: 9px 12px !important;
    touch-action: manipulation;
  }

  .faq-row > button,
  details.group > summary {
    min-height: 44px;
  }

  h1,
  h2,
  h3 {
    text-wrap: balance;
  }
}

@media (hover: none) and (pointer: coarse) {
  a,
  button,
  summary,
  [role="button"] {
    -webkit-tap-highlight-color: rgba(0, 209, 255, 0.15);
    touch-action: manipulation;
  }

  .btn,
  .pcard,
  .matched-ba-card,
  .clone-subnav a,
  [data-image-filter] {
    transition-duration: 180ms !important;
  }

  .pcard:hover,
  .matched-ba-card:hover {
    transform: none;
  }

  .btn:active,
  .pcard:active,
  .matched-ba-card:active,
  [data-image-filter]:active {
    transform: scale(0.985);
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn,
  .pcard,
  .matched-ba-card,
  .clone-subnav a,
  [data-image-filter] {
    transition: none !important;
  }
}