
/* Only the shared menu controller may paint a dropdown or backdrop. */
header[data-site-header] [class*="__panel"],header[data-site-header]>[aria-hidden="true"],header .dpm,header .dpm-toggle,header nav a[href="/products"]>svg{display:none!important;pointer-events:none!important}
iframe[data-exact-products]{position:fixed;border:0;z-index:2147482000;background:var(--do-menu-bg,#fbf9f7);display:block;visibility:hidden;opacity:0;transform:translateY(-7px);pointer-events:none;transition:opacity 180ms ease,transform 220ms cubic-bezier(.2,.7,.2,1);border-radius:14px;box-shadow:0 12px 32px -12px #0003,0 0 0 1px #00000008}
iframe[data-exact-products][data-state="open"]{opacity:1;transform:translateY(0);pointer-events:auto}
iframe[data-exact-products][data-mode="mobile"]{border-radius:0}
@media(prefers-reduced-motion:reduce){iframe[data-exact-products]{transition:none;transform:none}}

/* Original dark dropdown is the shared reference. Light mode reverses
   its tonal values while retaining the accent hue family. */
iframe[data-exact-products]{filter:none}
iframe[data-exact-products][data-theme="light"]{filter:invert(1) hue-rotate(180deg)}

/* Reveal the restored Infra hero after its document has loaded. */
iframe[data-current-infra-hero]{opacity:0}
iframe[data-current-infra-hero][data-infra-fade-ready]{animation:do-infra-hero-fade-r18 .7s ease-out both}
@keyframes do-infra-hero-fade-r18{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){iframe[data-current-infra-hero]{opacity:1!important;animation:none!important}}

/* Keep the desktop callout title on one line; retain mobile wrapping. */
@media(min-width:768px){
 [data-block="workflow-section"] div:has(>a[href="/infra/model-training/console"])>div>p:first-child{white-space:nowrap}
 [data-block="workflow-section"] div:has(>a[href="/infra/model-training/console"])>div>p:first-child>span{display:inline}
 [data-block="workflow-section"] div:has(>a[href="/infra/model-training/console"])>div>p:first-child>span+span:before{content:' ';white-space:pre}
}
