/* YFL proportional wide family contract.
   The approved 1536px desktop composition remains the content artboard while
   the Boundlearn/YFL tiers, menu, and loader stay viewport-owned chrome. */
@media (min-width: 1600px) {
  html.yfl-wide-artboard-pending body.yfl-wide-artboard #dc-root > .sc-host,
  html.yfl-wide-artboard-pending body.yfl-wide-artboard > [data-yfl-wide-artboard-content],
  html.yfl-wide-artboard-pending [data-yfl-wide-chrome-host] > * {
    visibility: hidden !important;
  }

  html.yfl-wide-artboard-active,
  html.yfl-wide-artboard-active body.yfl-wide-artboard,
  html.yfl-wide-artboard-active body.yfl-wide-artboard #dc-root {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 100% !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  html.yfl-wide-artboard-active body.yfl-wide-artboard {
    --max: 1240px;
    min-height: 100% !important;
    margin: 0 !important;
    zoom: 1 !important;
  }

  html.yfl-wide-artboard-active body.yfl-wide-artboard #dc-root {
    height: auto !important;
    min-height: var(--yfl-artboard-logical-height, 864px) !important;
    overflow: visible !important;
    zoom: 1 !important;
  }

  html.yfl-wide-artboard-active
    body.yfl-wide-artboard
    #dc-root
    > .sc-host,
  html.yfl-wide-artboard-active
    body.yfl-wide-artboard
    > [data-yfl-wide-artboard-content] {
    width: 1536px !important;
    min-width: 1536px !important;
    max-width: none !important;
    height: auto !important;
    min-height: var(--yfl-artboard-logical-height, 864px) !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
    transform-origin: left top !important;
    zoom: var(--yfl-artboard-scale, 1);
  }

  html.yfl-wide-artboard-active body.yfl-wide-artboard .page-shell {
    width: 100% !important;
    max-width: 1240px !important;
    padding: 34px 26px 58px !important;
  }

  html.yfl-wide-artboard-active
    body.yfl-wide-artboard
    .page-shell
    > :is(.hero-grid, .program-hero, .subhero):first-child {
    margin-top: 6px !important;
  }

  html.yfl-wide-artboard-active body.yfl-wide-artboard .site-header {
    width: 1240px !important;
    max-width: 1240px !important;
    min-height: 73px !important;
    padding: 12px 16px !important;
  }

  html.yfl-wide-artboard-active
    :where(body.yfl-blog-page, body.yfl-blog-post-page)
    > [data-yfl-wide-artboard-content]
    :is(.yfl-blog-hero, .yfl-reader-hero) {
    margin-top: 40px !important;
  }

  html.yfl-wide-artboard-active
    :where(body.yfl-blog-page, body.yfl-blog-post-page)
    > [data-yfl-wide-artboard-content]
    :is(.bl-notes-footer, .bl-note-footer)
    .bl-hub-footer-inner {
    width: 100% !important;
    max-width: 1188px !important;
  }

  html.yfl-wide-artboard-active
    :where(body.yfl-blog-page, body.yfl-blog-post-page)
    > [data-yfl-wide-artboard-content]
    :is(.bl-notes-footer, .bl-note-footer)
    .bl-hub-footer-grid {
    grid-template-columns: 1.7fr repeat(3, minmax(0, 1fr)) !important;
  }

  /* Publication pages use viewport-relative type and spacing on ordinary
     desktops. Freeze those values at their approved 1536px results before
     scaling the publication artboard. */
  html.yfl-wide-artboard-active :where(body.yfl-blog-page, body.yfl-blog-post-page) {
    --yfl-blog-canvas: 1200px;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-blog-hero {
    padding: 76px !important;
    gap: 56px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-blog-hero h1 {
    font-size: 72px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-blog-hero-lead {
    font-size: 22.272px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-blog-hero-media strong {
    font-size: 76.8px !important;
  }

  html.yfl-wide-artboard-active
    :where(body.yfl-blog-page, body.yfl-blog-post-page)
    :is(.yfl-blog-library, .yfl-reader-related) {
    padding-top: 122.88px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-blog-section-head h2 {
    font-size: 78px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-card-body h3 {
    font-size: 31px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-blog-library {
    padding-bottom: 138.24px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-blog-search input {
    font-size: 19.968px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-archive-card .yfl-card-body h3 {
    font-size: 27px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-blog-empty h3 {
    font-size: 58px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-blog-close {
    padding: 72px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-page .yfl-blog-close h2 {
    font-size: 84px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-loading {
    min-height: 587.52px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-hero {
    padding: 72px !important;
    gap: 76px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-hero h1 {
    font-size: 86px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-deck {
    font-size: 22px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-layout {
    padding-top: 122.88px !important;
    gap: 46.08px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-prose {
    font-size: 18.432px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-prose h2 {
    font-size: 46px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-prose h3 {
    font-size: 33.792px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-related {
    padding-bottom: 138.24px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-related-card .yfl-card-body h3 {
    font-size: 29px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-not-found {
    min-height: 570.24px !important;
    padding: 96px !important;
  }

  html.yfl-wide-artboard-active body.yfl-blog-post-page .yfl-reader-not-found h1 {
    font-size: 106px !important;
  }

  html.yfl-wide-artboard-ready [data-yfl-wide-chrome-source] {
    visibility: hidden !important;
    pointer-events: none !important;
  }

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

  /* Preserve the source tier's approved 1536 flow slot. The viewport clone is
     fixed, but this invisible renderer-owned tier keeps the hero at the exact
     desktop offset without inserting a second synthetic spacer. */
  html.yfl-wide-artboard-ready [data-yfl-wide-chrome-source="programme"] {
    position: relative !important;
    top: 20px !important;
    right: auto !important;
    left: auto !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  html.yfl-wide-artboard-ready
    :where(body.yfl-blog-page, body.yfl-blog-post-page)
    > [data-yfl-wide-artboard-content]
    [data-yfl-wide-chrome-source="programme"] {
    margin-top: 71px !important;
  }

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

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

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

  html.yfl-wide-artboard-active
    [data-yfl-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.yfl-wide-artboard-active [data-yfl-wide-chrome-host] .site-header {
    width: 1240px !important;
    max-width: 1240px !important;
    min-height: 73px !important;
    padding: 12px 16px !important;
  }

  html.yfl-wide-artboard-active.bl-header-pilot-program:has(body.yfl-wide-artboard) {
    --bl-pilot-global-height: var(--yfl-artboard-global-height, 71px) !important;
  }

  html.yfl-wide-artboard-active:is(.bl-header-pilot-main, .bl-header-pilot-program):has(body.yfl-wide-artboard)
    body
    .bl-pilot-global-header {
    width: 1536px !important;
    max-width: none !important;
    min-height: 71px !important;
    height: 71px !important;
    padding: 13px 56px !important;
  }

  html.yfl-wide-artboard-active.bl-header-pilot-program
    body.yfl-wide-artboard
    .bl-pilot-programme-tier {
    box-sizing: border-box !important;
    width: 1240px !important;
    max-width: 1240px !important;
    min-height: 73px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

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

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

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

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

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

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