/* One public surface system for the native homepage and all content pages. */
:root {
  --pudding-glass-border: rgba(var(--pudding-line-rgb), 0.7215686274509804);
  --pudding-glass-shadow: 0 16px 48px rgba(var(--pudding-cocoa-rgb), 0.07058823529411765), inset 0 1px 0 rgba(var(--pudding-cocoa-rgb), 0.9215686274509803);
}
.pudding-public-navigation.corporate-header,
.pudding-nav-popup {
  background: var(--pudding-white);
}
.pudding-nav-popup {
  border-color: var(--pudding-line);
  box-shadow:
    var(--pudding-glass-shadow),
    0 24px 64px rgba(var(--pudding-cocoa-rgb), 0.12549019607843137);
}
.pudding-nav-popup .pudding-nav-mobile-trigger,
.pudding-public-navigation .pudding-nav-language {
  background: transparent;
}
.pudding-nav-popup .pudding-nav-mobile-trigger {
  border-radius: 0;
  gap: normal;
  color: var(--pudding-cocoa);
}
.pudding-nav-popup .pudding-nav-mobile-trigger[aria-expanded="true"] {
  color: var(--pudding-taupe);
}
.pudding-nav-popup .pudding-nav-icon {
  border: 1px solid rgba(var(--pudding-white-rgb), 0.6588235294117647);
  background: linear-gradient(145deg, rgba(var(--pudding-white-rgb), 0.7803921568627451), rgba(var(--pudding-cream-rgb), 0.6509803921568628));
  box-shadow:
    inset 0 1px 0 rgba(var(--pudding-white-rgb), 0.9490196078431372),
    0 3px 10px rgba(var(--pudding-cocoa-rgb), 0.03137254901960784);
}
.visual-site .visual-detail-result,
.corporate-page .analytics-plan-card,
.corporate-page .analytics-explorer,
.corporate-page .channel-catalog-card,
body[data-home-version="3"] .workspace-preview,
body[data-home-version="3"] .assistant-preview,
body[data-home-version="3"] .world-market-panel {
  border: 1px solid var(--pudding-line);
  box-shadow: var(--pudding-glass-shadow);
}
@supports (
  (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))
) {
  .pudding-public-navigation.corporate-header {
    background: rgba(var(--pudding-white-rgb), 0.9215686274509803);
    border-bottom-color: rgba(var(--pudding-line-rgb), 0.5019607843137255);
    -webkit-backdrop-filter: blur(22px) saturate(125%);
    backdrop-filter: blur(22px) saturate(125%);
    box-shadow:
      inset 0 1px 0 rgba(var(--pudding-white-rgb), 0.9490196078431372),
      0 5px 26px rgba(var(--pudding-cocoa-rgb), 0.03137254901960784);
  }
  .pudding-nav-popup {
    background: linear-gradient(145deg, rgba(var(--pudding-white-rgb), 0.9803921568627451), rgba(var(--pudding-cream-soft-rgb), 0.9490196078431372));
    border-color: var(--pudding-glass-border);
    -webkit-backdrop-filter: blur(28px) saturate(120%);
    backdrop-filter: blur(28px) saturate(120%);
  }
  .visual-site .visual-detail-result,
  .corporate-page .analytics-plan-card,
  .corporate-page .analytics-explorer,
  .corporate-page .channel-catalog-card,
  body[data-home-version="3"] .workspace-preview,
  body[data-home-version="3"] .assistant-preview,
  body[data-home-version="3"] .world-market-panel {
    background: linear-gradient(145deg, rgba(var(--pudding-white-rgb), 0.9294117647058824), rgba(var(--pudding-cream-rgb), 0.9098039215686274));
    border-color: var(--pudding-glass-border);
    -webkit-backdrop-filter: blur(18px) saturate(115%);
    backdrop-filter: blur(18px) saturate(115%);
  }
  body[data-home-version="3"] .world-market-top {
    background: rgba(var(--pudding-cream-soft-rgb), 0.6784313725490196);
  }
  body[data-home-version="3"] .role-tabs {
    background: rgba(var(--pudding-white-rgb), 0.2196078431372549);
    box-shadow: inset 0 1px 0 rgba(var(--pudding-white-rgb), 0.6509803921568628);
  }
}
/* Cover the prototype's outer gutter on phones as part of the fixed header.
   Keep the bar at (8px, 8px), so controls, page offsets and menu placement stay
   aligned while scrolled paintings cannot show above or through the header. */
@media (max-width: 760px) {
  .pudding-public-navigation.corporate-header {
    inset: 0 0 auto;
    width: 100%;
    height: 80px;
    padding: 8px 8px 0;
    box-sizing: border-box;
    background: var(--pudding-white);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
/* The shared menu replaces the old secondary strip in retained content views. */
.corporate-page.service-page .service-subnav {
  display: none;
}
@media (prefers-reduced-transparency: reduce), (forced-colors: active) {
  .pudding-public-navigation.corporate-header,
  .pudding-nav-popup,
  .visual-site .visual-detail-result,
  .corporate-page .analytics-plan-card,
  .corporate-page .analytics-explorer,
  .corporate-page .channel-catalog-card,
  body[data-home-version="3"] .workspace-preview,
  body[data-home-version="3"] .assistant-preview,
  body[data-home-version="3"] .world-market-panel {
    background: Canvas;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-color: CanvasText;
    box-shadow: none;
  }
}