/* Shared SPA page chrome — read, watch (hotline), merch, product */
#iframe-container.sr-spa-active {
  background: #0a0a0a !important;
  color: #e0e0e0;
  width: 100%;
  box-sizing: border-box;
}

#iframe-container.sr-spa-active .podcast-container,
#iframe-container.sr-spa-active .section-merch-product-grid-padding,
#iframe-container.sr-spa-active .gradient {
  background: #0a0a0a !important;
}

.subscription-form-wrapper,
#iframe-container .subscription-form-wrapper {
  background: #0a0a0a !important;
  padding: 4px 8px;
}

#episode-count,
#iframe-container #episode-count,
.podcast-title-box #episode-count {
  color: #fff !important;
}

form.subscription-form p {
  color: #fff;
}

/* MonoLight on podcast copy — hotline, read, merch SPA pages */
#iframe-container.sr-spa-active,
#iframe-container.sr-spa-active .podcast-container,
#iframe-container.sr-spa-active .podcast-description,
#iframe-container.sr-spa-active .podcast-episode-meta,
#iframe-container.sr-spa-active .podcast-episode-meta span,
#iframe-container.sr-spa-active .podcast-episode-info,
#iframe-container.sr-spa-active .podcast-track-meta {
  font-family: 'MonoLight', monospace;
}

#iframe-container.sr-spa-active .podcast-title-box h1,
#iframe-container.sr-spa-active .podcast-episode-title {
  font-family: 'MonoBold', monospace;
}

@keyframes sr-shimmer {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}