/* Delta family proportional wide artboard.
   The approved 1536px desktop composition is the content artboard. Headers,
   menus, loaders, and other viewport chrome remain independent of that page. */
@media (min-width: 1600px) {
  html.delta-wide-artboard-pending
    body.delta-wide-artboard-pilot
    #dc-root
    :is(
      .bl-unified-header,
      .bl-source-boundlearn-header,
      .delta-canonical-program-header,
      .delta-program-header,
      .di-t2nav
    ) {
    visibility: hidden !important;
  }

  html.delta-wide-artboard-pending [data-delta-wide-chrome-host] > * {
    visibility: hidden !important;
  }

  html.delta-wide-artboard-active,
  html.delta-wide-artboard-active body.delta-wide-artboard-pilot,
  html.delta-wide-artboard-active body.delta-wide-artboard-pilot #dc-root {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow-x: hidden !important;
  }

  html.delta-wide-artboard-active body.delta-wide-artboard-pilot {
    margin: 0 !important;
    zoom: 1 !important;
  }

  html.delta-wide-artboard-active
    body.delta-wide-artboard-pilot
    #dc-root
    > .sc-host {
    width: 1536px !important;
    min-width: 1536px !important;
    max-width: none !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    transform: none !important;
    transform-origin: left top !important;
    zoom: var(--delta-wide-scale, 1);
  }

  /* React keeps ownership of the source tiers inside the artboard. Their live
     viewport clones carry interaction and scroll state without detaching a
     node from the page renderer. */
  html.delta-wide-artboard-ready [data-delta-wide-chrome-source] {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html.delta-wide-artboard-active
    [data-delta-wide-chrome-source="global"] {
    position: fixed !important;
  }

  html.delta-wide-artboard-active
    [data-delta-wide-chrome-source="programme"] {
    position: relative !important;
    top: 20px !important;
    right: auto !important;
    left: auto !important;
    margin: 0 auto -95px !important;
    transform: none !important;
  }

  html.delta-wide-artboard-active [data-delta-wide-chrome-host] {
    display: contents !important;
  }

  html.delta-wide-artboard-active
    [data-delta-wide-chrome-host]
    .bl-header-pilot-programme-spacer {
    display: none !important;
  }

  html.delta-wide-artboard-active
    [data-delta-wide-chrome-host]
    :is(
      .bl-unified-header,
      .bl-source-boundlearn-header,
      .delta-canonical-program-header,
      .delta-program-header,
      .di-t2nav
    ) {
    box-sizing: border-box !important;
    transform-origin: left top !important;
    zoom: var(--delta-wide-scale, 1);
  }

  html.delta-wide-artboard-active
    [data-delta-wide-chrome-host]
    :is(.bl-unified-header, .bl-source-boundlearn-header) {
    width: 1536px !important;
    max-width: none !important;
    min-height: 71px !important;
    height: 71px !important;
    padding: 13px 56px !important;
  }

  html.delta-wide-artboard-active
    [data-delta-wide-chrome-host]
    :is(
      .bl-pilot-programme-tier,
      .delta-canonical-program-header,
      .delta-program-header,
      .di-t2nav
    ) {
    min-height: 58px !important;
  }

  /* These desktop paddings resolve to their clamp minima on the approved
     1536px source. Keep those source values instead of re-evaluating vw at
     the physical 1920/2560/3840 viewport. */
  html.delta-wide-artboard-active
    body.delta-wide-artboard-pilot:is(
      .delta-page-team,
      .delta-page-articles,
      .delta-page-ebooks,
      .delta-page-faq,
      .delta-page-blog
    )
    :is(
      .delta-team-hero-section,
      .delta-articles-hero,
      .delta-ebooks-hero,
      .delta-faq-hero,
      .delta-blog-hero
    ) {
    padding: 176px 46px 104px !important;
  }

  html.delta-wide-artboard-active
    body.delta-wide-artboard-pilot.delta-page-blog-post
    .delta-blog-post-hero {
    padding: 176px 46px 0 !important;
  }

  html.delta-wide-artboard-active body.delta-wide-artboard-pilot > #bl-hub-desktop-menu {
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    width: 1536px !important;
    height: var(--delta-wide-logical-height, 810px) !important;
    min-height: 0 !important;
    max-height: none !important;
    transform-origin: left top !important;
    zoom: var(--delta-wide-scale, 1);
  }

  html.delta-wide-artboard-active
    body.delta-wide-artboard-pilot
    > #bl-hub-desktop-menu
    .bl-hub-desktop-menu-shell {
    width: 1536px !important;
    min-height: var(--delta-wide-logical-height, 810px) !important;
    max-height: var(--delta-wide-logical-height, 810px) !important;
    padding: 22px 56px 32px !important;
  }

  html.delta-wide-artboard-active
    body.delta-wide-artboard-pilot
    > #bl-hub-desktop-menu
    .bl-hub-desktop-menu-body {
    width: min(1180px, 100%) !important;
    max-height: calc(var(--delta-wide-logical-height, 810px) - 98px) !important;
    gap: clamp(54px, 8vw, 140px) !important;
    padding: clamp(22px, 5vh, 54px) 0 !important;
  }

  html.delta-wide-artboard-active
    body.delta-wide-artboard-pilot
    > #bl-hub-desktop-menu
    .bl-hub-desktop-programs-panel {
    width: min(360px, 28vw) !important;
  }

  html.delta-wide-artboard-active body.delta-wide-artboard-pilot > .delta-loader {
    width: 100vw !important;
    height: 100vh !important;
    zoom: 1 !important;
  }

  html.delta-wide-artboard-active
    body.delta-wide-artboard-pilot
    > .delta-loader
    .delta-loader-lockup {
    transform-origin: center;
    zoom: var(--delta-wide-scale, 1);
  }
}