/* Beyond Care v55 — sidebar-free desktop canvas
   The sidebar was removed from desktop in v40. These rules complete that
   change by giving the product a true desktop canvas instead of retaining
   the narrower sidebar-era content widths. Mobile/tablet layouts are left
   untouched. */

@media (min-width: 1200px) {
  :root {
    --bc-wide-canvas: min(1560px, calc(100vw - 80px));
    --bc-wide-canvas-soft: min(1460px, calc(100vw - 96px));
    --bc-wide-editorial: min(1360px, calc(100vw - 104px));
  }

  /* Programme / course overview */
  .course-overview-page-v38 {
    width: var(--bc-wide-canvas) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 34px 0 78px !important;
  }
  .course-overview-hero-v38 {
    gap: clamp(44px, 4vw, 76px) !important;
  }
  .course-think-v38 {
    padding-top: 34px !important;
  }

  /* Individual course page / eight-lesson index */
  .course-overview-page {
    width: var(--bc-wide-canvas-soft) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 42px 0 78px !important;
  }
  .course-overview-page .course-overview-hero {
    padding-top: 18px !important;
  }
  .course-overview-page .lesson-reading,
  .course-overview-page .module-lesson-index {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .course-overview-page .module-lesson-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 16px !important;
  }
  .course-overview-page .assessment-shell {
    max-width: 1120px !important;
  }

  /* Numbered lesson hub: use the space the old sidebar used to occupy. */
  .unit-content {
    width: var(--bc-wide-canvas) !important;
    max-width: none !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
  }
  .bc-premium-lesson .unit-body {
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 28px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .bc-premium-lesson .bc-lesson-journey-card {
    padding-inline: 30px !important;
  }
  .bc-premium-lesson .bc-stage-grid {
    gap: 18px !important;
  }

  /* Learn / Reflect / Connect / Grow landing pages. */
  .journey-page {
    width: var(--bc-wide-editorial) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 44px 0 74px !important;
  }

  /* Reflection workspaces. The journal becomes three columns on a large
     desktop rather than retaining the old two-column sidebar-era width. */
  .reflection-shell {
    width: var(--bc-wide-canvas-soft) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 34px 0 74px !important;
  }
  .reflection-checkpoint-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .reflection-grid {
    grid-template-columns: minmax(440px, .9fr) minmax(0, 1.1fr) !important;
    gap: 22px !important;
  }

  /* Resource Studio: use a wide working canvas, while keeping the search
     hero readable and centred. */
  .resource-page,
  .resource-page.resource-discovery-page {
    width: var(--bc-wide-canvas) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .resource-command-hero {
    max-width: 1320px !important;
    padding-top: 46px !important;
  }
  .resource-results-shell {
    width: 100% !important;
    max-width: 1400px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .resource-search-section,
  .disability-directory {
    max-width: 1320px !important;
  }
  .disability-directory-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .resource-location-step {
    max-width: 1180px !important;
  }

  /* Organisation / platform reporting dashboard. */
  .reporting-dashboard {
    width: var(--bc-wide-canvas) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 22px 0 78px !important;
  }
  .reporting-dashboard .executive-first,
  .reporting-dashboard .priority-row,
  .reporting-dashboard .dashboard-bottom-grid {
    gap: 18px !important;
  }

  /* Grow and secondary workspaces. */
  .development-page,
  .services-page {
    width: var(--bc-wide-canvas-soft) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .account-page {
    width: var(--bc-wide-editorial) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Platform administration / lesson editor. */
  .admin-screen,
  .cms-shell,
  .practitioner-shell {
    width: var(--bc-wide-canvas-soft) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }
  .cms-shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Keep assessment prose readable, but stop it feeling stranded in the
     middle of a very wide screen. */
  .final-assessment-page {
    width: min(1180px, calc(100vw - 120px)) !important;
    max-width: none !important;
  }

  /* Managed controls should align with the new canvas too. */
  .managed-button-zone,
  .assessment-map-shell {
    max-width: 1460px !important;
  }
}

/* On very wide desktops, give data-heavy pages a little more breathing room
   without stretching reading copy. */
@media (min-width: 1500px) {
  .reporting-dashboard .executive-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .resource-page .resource-grid:not(.search-list-mode),
  .resource-page .resource-folder-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}