/* Mobile-only (phones, max 767px).
   Desktop and tablet (≥768px) ignore every rule in this file.
   Do not put desktop/tablet styles here. */

@media (max-width: 767px) {
  .media {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  /* iOS Safari does not play Facebook plugins inside CSS-transformed iframes.
     Fill the frame at its on-screen size instead of scaling a 1080/1920 canvas. */
  .media iframe,
  .media.wide iframe,
  .media.portrait iframe,
  .episode-hero-media .media.wide iframe,
  .reel-stage-media .media.portrait iframe {
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    transform: none !important;
    transform-origin: 0 0;
  }

  .reel-stage-media .media.portrait {
    width: min(100%, 420px);
  }
}