/**
 * Mobile-friendly embeds: parent overflow:hidden traps touch and blocks scroll chaining
 * from cross-origin iframes to the page (common on iOS Safari / WebKit).
 * Shells use .hl-embed-shell (overflow visible); rounding clips on the iframe element.
 */

.hl-embed-shell {
  overflow: visible;
}

.hl-embed-shell > iframe,
.video-embed iframe.hl-embed-iframe {
  display: block;
  max-width: 100%;
  border-radius: 0.75rem;
}

.hl-profile-extra-iframe {
  border-radius: 0.75rem;
}

/* Feed Instagram on small screens: drop scaler + overflow clip so vertical scroll passes to the page. */
@media (max-width: 1023.98px) {
  .external-embed--instagram-feed .hl-instagram-embed-frame {
    overflow: visible !important;
    max-height: none !important;
  }

  .external-embed--instagram-feed .hl-instagram-embed-scaler {
    transform: none !important;
    width: 100% !important;
    height: auto !important;
  }

  .external-embed--instagram-feed .hl-instagram-embed-iframe {
    width: 100% !important;
    height: min(72dvh, 640px) !important;
    min-height: 360px;
    border-radius: 0.75rem;
  }
}