/* Translucent surfaces only: keep text, images and controls fully opaque. */
.galaxy-continuum main :is(.case-study,.impact-card,.expertise-card,.now-card,.education-card,.note-card,.featured-note,.credential-grid>*,.certificate-grid>a,.fun-menu>a,.record-card,.milestone-grid>article,.activity-overview>article,.activity-chart-card,.summary-volume-card,.outage-provider,.outage-source,.visitor-map-panel,.visitor-ranking,.visitor-pages-panel,.outage-overview,.outage-history,.outage-incidents,.security-radar,.ai-video-card){background:rgba(8,20,33,.78)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.galaxy-continuum main :is(.case-study-featured,.now-card-focus,.featured-note){background:linear-gradient(135deg,rgba(32,104,255,.055),transparent 55%),rgba(8,20,33,.76)!important}
.galaxy-continuum main :is(.impact-card,.expertise-card,.now-card,.education-card,.note-card,.credential-grid>a,.certificate-grid>a,.fun-menu>a,.record-card,.ai-video-card):hover{background:rgba(15,34,50,.84)!important}
/* An opaque grid underneath a transparent card would hide the scene again. */
.galaxy-continuum main :is(.article-grid,.now-grid,.outage-provider-grid,.visitors-dashboard,.chart-grid,.record-grid,.activity-chart-grid,.security-advisory-list,.ai-video-grid,.outage-sources,.outage-sources>div){background:transparent!important}
.galaxy-continuum main .security-advisory-list>li,.galaxy-continuum main .outage-overview .outage-source{background:rgba(8,20,33,.2)!important}
.galaxy-continuum main .security-advisory-list>li:hover{background:rgba(18,38,56,.45)!important}

/* One shared surface rule for every content layer, including charts and articles.
   Never fade a whole element: text, data marks, photos and controls stay sharp. */
:is(.galaxy-continuum,.article-page,.training-page) {
  --scene-surface: rgba(8,20,33,.64);
  --scene-nested: rgba(8,20,33,.14);
  --scene-hover: rgba(15,34,50,.72);
}
:is(.galaxy-continuum,.article-page,.training-page) main :is(
  .case-study,.impact-card,.expertise-card,.now-card,.education-card,.note-card,
  .featured-note,.credential-grid>*,.certificate-grid>a,.fun-menu>a,.record-card,
  .milestone-grid>article,.activity-overview>article,.activity-chart-card,
  .summary-volume-card,.outage-provider,.outage-source,.visitor-map-panel,
  .visitor-ranking,.visitor-pages-panel,.outage-overview,.outage-history,
  .outage-incidents,.security-radar,.ai-video-card,.request-rate-panel,
  .traffic-explainer,.traffic-mix,.visitor-recent,.chart-card,.article-card,
  .article-toc,.article-callout,.related-notes a,.article-note-navigation a,
  .reliability-windows article,.site-health li,.ai-video-policy,.ai-video-empty,
  .ai-video-toolbar,.outage-disclaimer,.photo-empty,.cert-strip,.terminal,.ide-card,
  .snake-cabinet,.galaga-cabinet
) {
  background: var(--scene-surface)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
/* Divider grids must not become an opaque backplate beneath translucent children. */
:is(.galaxy-continuum,.article-page,.training-page) main :is(
  .article-grid,.now-grid,.outage-provider-grid,.visitors-dashboard,.chart-grid,
  .record-grid,.activity-chart-grid,.security-advisory-list,.ai-video-grid,
  .outage-sources,.outage-sources>div,.architecture-facts,.reliability-windows,
  .site-health ul,.related-notes>div,.article-note-navigation,.traffic-mix dl,
  .request-rate-chart-wrap,.visitor-recent-scroll,.training-table-wrap
) {background:transparent!important}
/* Nested panels use only a light tint; stacking full-strength panels blocks the scene. */
:is(.galaxy-continuum,.article-page,.training-page) main :is(
  .traffic-mix dl>div,.visitor-recent th,.training-table,.training-table th,
  .article-content pre,.article-content code,.ide-editor,.ide-terminal,.ide-tabs,
  .ide-card .terminal-top,.terminal-top,.article-note-navigation i,
  .dialog-chart-card,.architecture-facts>div
) {background:var(--scene-nested)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:is(.galaxy-continuum,.article-page,.training-page) main :is(
  .case-study,.impact-card,.expertise-card,.now-card,.education-card,.note-card,
  .credential-grid>a,.certificate-grid>a,.fun-menu>a,.record-card,.ai-video-card,
  .article-card,.related-notes a,.article-note-navigation a
):hover {background:var(--scene-hover)!important}
/* SVG maps have their own painted ocean in addition to the panel background. */
.galaxy-continuum #visitor-map {background:rgba(12,25,40,.08)!important}
.galaxy-continuum .visitor-ocean {fill:rgba(12,25,40,.08)!important}
.galaxy-continuum .visitor-countries path {fill-opacity:.72}
/* Remove the blurred reading veil, retaining a single dark tint for contrast. */
.article-page .article-shell::before {
  background:rgba(5,13,23,.62)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.galaxy-continuum .contact-section::before {
  background:rgba(5,15,26,.4)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
/* Floating content and navigation follow the same rule. Native option lists remain
   browser-painted; image/video pixels and game graphics are intentionally unaltered. */
:is(.galaxy-continuum,.article-page,.training-page) :is(
  #training-dialog,.security-advisory-dialog,dialog:not(#photo-dialog)
) {background:rgba(8,20,33,.72)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:is(.galaxy-continuum,.article-page,.training-page) dialog::backdrop {
  background:rgba(1,7,14,.2)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
:is(.galaxy-continuum,.article-page,.training-page) :is(
  .site-header,.site-footer,.site-header nav,.nav-explore>div,.language-switcher>div,
  .page-language-switcher,.page-language-switcher>div
) {background:rgba(5,14,24,.8)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:is(.galaxy-continuum,.article-page,.training-page) :is(
  .traffic-controls select,.request-rate-menu select,.range-select,.archive-toolbar select,
  .security-filters select,.outage-controls select,.notes-search input
) {background:rgba(12,28,43,.7)!important}
:is(.galaxy-continuum,.article-page,.training-page) :is(#training-dialog,.security-advisory-dialog,dialog) :is(.dialog-chart-card,.training-table,.training-table th,.security-advisory-list>li) {
  background:rgba(8,20,33,.14)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
:is(.galaxy-continuum,.article-page,.training-page) #photo-dialog {background:rgba(2,6,11,.72)!important}
.article-page .article-content pre code {background:transparent!important}
:is(.galaxy-continuum,.article-page,.training-page) main :is(.photo-card,.case-app-gallery a) {background:var(--scene-surface)!important}
.galaxy-continuum .architecture-flow button {background:rgba(12,26,41,.7)!important}
.galaxy-continuum .architecture-flow button[aria-pressed="true"],
:is(.galaxy-continuum,.article-page,.training-page) .button.primary {background:rgba(53,231,197,.9)!important;color:#07101c!important}
.galaxy-continuum .hero-signals span,.galaxy-continuum .now-section::before,
.galaxy-continuum .constellation-easter-egg {
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}