/* The Social Media landing view presents only the three choices. */
body.social-premium-page:has([data-social-gate]:not([hidden])) {
  overflow: hidden !important;
  height: 100dvh !important;
}
body.social-premium-page:has([data-social-gate]:not([hidden])) main {
  height: 100dvh !important;
  overflow: hidden !important;
}
body.social-premium-page [data-social-gate]:not([hidden]) {
  position: fixed !important;
  z-index: 5000 !important;
  inset: 0 !important;
  height: 100dvh !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
@media (max-width: 700px) {
  body.social-premium-page [data-social-gate]:not([hidden]) {
    padding-top: 5.25rem !important;
    padding-bottom: .75rem !important;
  }
  body.social-premium-page [data-social-gate]:not([hidden]) .selection-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3,minmax(0,1fr)) !important;
    gap: .55rem !important;
  }
}