/* Content remains in the DOM and accessibility tree; find, focus and anchors
   cause the browser to render the destination automatically. */
@supports (content-visibility:auto) {
 .intro-v4 main>section:nth-of-type(n+4):not(.cv-section-nav):not(.related-section){
  content-visibility:auto;
  contain-intrinsic-block-size:auto 700px;
 }
 @media print{main>section{content-visibility:visible!important;contain:none!important}}
}
/* Closed native details need no panel layout. Opening keeps the existing styles. */
.site-header details[data-mega]:not([open])>.atlas-mega,
.site-header .language-menu:not([open])>.language-options{display:none}
/* Keep the existing fixed illustration height while mobile text paints first.
   No content, navigation, headings or controls are hidden by this rule. */
@media(max-width:760px){
 html[data-gv-hero-observer] .infra-topology[aria-hidden=true]:not([data-infra-illustration-ready]){content-visibility:hidden;opacity:0}
}
@media print{html[data-gv-hero-observer] .infra-topology{content-visibility:visible!important;opacity:1!important}}
@supports(content-visibility:auto){@media(max-width:760px){.intro-v4 .home-products .home-product-card{content-visibility:auto;contain-intrinsic-block-size:auto 430px}}}
@media(max-width:920px){.concept-v3 .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--platform-card)}}
/* Full CSS always loads. Native containment skips only offscreen layout/paint;
   content, links, search and focus remain in the document and accessibility tree. */
@supports(content-visibility:auto){
 .intro-v4 main>section:nth-of-type(2){content-visibility:auto;contain-intrinsic-block-size:auto 120px}
 .intro-v4 main>section:nth-of-type(3){content-visibility:auto;contain-intrinsic-block-size:auto 2800px}
 .intro-v4 footer{content-visibility:auto;contain-intrinsic-block-size:auto 800px}
 @media print{main>section,footer{content-visibility:visible!important;contain:none!important}}
}
