/* Shared page canvas, matched to the live homepage. Keep panels and semantic colours distinct. */
@media screen {
  html:root {
    --site-canvas: #08090B !important;
    --bg: #08090B !important;
    --bg-dark: #08090B !important;
    --guide-bg: #08090B !important;
    --legal-bg: #08090B !important;
  }

  html:root,
  html:root body {
    background: #08090B !important;
  }

  html:root body .page-wrap,
  html:root body.results-page,
  html:root body.guide-page,
  html:root body .hub-sidebar {
    background: #08090B !important;
  }

  html:root body .hub-header.hub-v2,
  html:root body .hub-header.hub-v3 {
    background: rgba(8, 9, 11, .94) !important;
  }

  html:root body #nav.pp-original-nav {
    background: rgba(8, 9, 11, .85) !important;
  }

  html:root body #nav.pp-original-nav.scrolled {
    background: rgba(8, 9, 11, .94) !important;
  }

  html:root body #site-footer,
  html:root body footer.footer {
    background: #08090B !important;
  }
}