/*
 * Legacy fallback for older browsers used in BODA delivery environments.
 * Modern browsers do not receive these rules because every selector is scoped.
 */
.legacy-browser .site-header {
  position: relative;
  top: auto;
}

.legacy-browser .hero {
  min-height: 620px;
  background: #55101e;
}

.legacy-browser .hero-atmosphere,
.legacy-browser .hero-score-lines,
.legacy-browser .hero-foreground {
  display: none;
}

.legacy-browser .hero-grid,
.legacy-browser .headline-layout,
.legacy-browser .editorial-grid,
.legacy-browser .footer-grid {
  display: block;
}

.legacy-browser .hero-copy,
.legacy-browser .hero-visual,
.legacy-browser .headline-feature,
.legacy-browser .headline-index,
.legacy-browser .footer-grid > * {
  margin-bottom: 2rem;
}

.legacy-browser .primary-nav > ul {
  display: flex;
  flex-wrap: wrap;
}

.legacy-browser .reveal {
  opacity: 1;
  transform: none;
}

.legacy-browser body[data-current="home"] .site-header {
  margin-bottom: 0;
  background: #55101e;
}

.legacy-browser .headline-stage {
  min-height: 680px;
  padding-top: 0;
}

.legacy-browser .headline-stage-slide:not(:first-child),
.legacy-browser .living-score,
.legacy-browser .stage-console,
.legacy-browser .music-pulse {
  display: none;
}

.legacy-browser .stage-atmosphere-r4,
.legacy-browser .stage-foreground-r4,
.legacy-browser .score-transition,
.legacy-browser .score-experience,
.legacy-browser .media-story-depth {
  display: none;
}

.legacy-browser .news-editorial-grid,
.legacy-browser .latest-news,
.legacy-browser .programme-desk-grid {
  display: block;
}

.legacy-browser .news-editorial-feature,
.legacy-browser .news-focus,
.legacy-browser .latest-news-list,
.legacy-browser .programme-desk-grid > section {
  margin-bottom: 2rem;
}

.legacy-browser .reveal-mask,
.legacy-browser .reveal-media,
.legacy-browser .reveal-date {
  opacity: 1;
  clip-path: none;
  transform: none;
}

/* Engineering closure for BODA and legacy rendering engines. */
.legacy-browser .latest-feature,
.legacy-browser .home-stage,
.legacy-browser .gallery-mosaic,
.legacy-browser .gallery-frame,
.legacy-browser .latest-feature-copy,
.legacy-browser .media-story-image,
.legacy-browser .media-story-copy {
  perspective: none !important;
  transform: none !important;
  translate: none !important;
  will-change: auto !important;
}

.legacy-browser .latest-updates::after,
.legacy-browser .latest-updates-shell::after,
.legacy-browser .home-education::after,
.legacy-browser .home-gallery::after {
  display: none;
}

.legacy-browser .gallery-mosaic {
  display: block;
}

.legacy-browser .gallery-frame {
  width: 100%;
  margin-bottom: 1.5rem;
}