/* Calm overview gateway. Loaded after map.css so legacy homepage passes cannot reintroduce clutter. */
@media (min-width: 1181px) {
  body.is-overview-default {
    background:
      radial-gradient(circle at 50% -28%, rgba(219, 247, 239, 0.92), transparent 38%),
      radial-gradient(circle at 86% 14%, rgba(232, 242, 255, 0.78), transparent 28%),
      linear-gradient(180deg, #fbfdfc 0%, #f3faf7 54%, #f8fbfa 100%) !important;
  }

  body.is-overview-default .app-frame {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    width: min(980px, calc(100% - 48px)) !important;
    gap: 20px !important;
    padding-top: 16px !important;
  }

  body.is-overview-default .sidebar {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: auto !important;
    min-height: 318px !important;
    padding: 8px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.58) !important;
    box-shadow: 0 18px 42px rgba(38, 75, 84, 0.055) !important;
  }

  body.is-overview-default .brand span {
    width: 38px !important;
    height: 38px !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, #4f94e9, #2f72d6) !important;
    box-shadow: 0 12px 26px rgba(47, 114, 214, 0.18) !important;
  }

  body.is-overview-default .sidebar .brand strong,
  body.is-overview-default .sidebar .side-nav a span,
  body.is-overview-default .sidebar .side-nav span,
  body.is-overview-default .side-tools,
  body.is-overview-default .side-note,
  body.is-overview-default .side-status {
    display: none !important;
  }

  body.is-overview-default .side-nav {
    gap: 7px !important;
  }

  body.is-overview-default .side-nav a {
    width: 38px !important;
    min-height: 38px !important;
    grid-template-columns: 1fr !important;
    place-items: center !important;
    padding: 0 !important;
    border-radius: 15px !important;
  }

  body.is-overview-default .side-nav a:nth-child(n+4) {
    display: none !important;
  }

  body.is-overview-default .side-nav i {
    width: 30px !important;
    height: 30px !important;
    border-radius: 13px !important;
  }

  body.is-overview-default .workspace {
    grid-template-rows: 28px auto !important;
    gap: 18px !important;
  }

  body.is-overview-default .top-strip {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.is-overview-default .top-strip h1 {
    color: rgba(33, 53, 69, 0.72) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
  }

  body.is-overview-default .top-strip .eyebrow,
  body.is-overview-default .top-principle,
  body.is-overview-default .top-actions,
  body.is-overview-default .global-search,
  body.is-overview-default .search-assist,
  body.is-overview-default .learner-chip {
    display: none !important;
  }

  body.is-overview-default .home-deck {
    max-width: 860px !important;
    gap: 14px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-rows: auto auto !important;
    overflow: visible !important;
  }

  body.is-overview-default .home-deck .dashboard-grid,
  body.is-overview-default .home-deck .section-grid,
  body.is-overview-default .home-deck .map-panel {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.is-overview-default .home-deck .hero-card {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 306px !important;
    padding: 40px 48px 40px !important;
    border-radius: 32px !important;
    background:
      linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.66) 48%, rgba(235,247,244,0.78)),
      linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 252, 250, 0.88)) !important;
    border-color: rgba(54, 94, 101, 0.07) !important;
    box-shadow: 0 30px 80px rgba(37, 74, 83, 0.065) !important;
  }

  body.is-overview-default .home-deck .hero-copy {
    max-width: 660px !important;
    padding-top: 0 !important;
    gap: 14px !important;
  }

  body.is-overview-default .home-deck .hero-copy h2 {
    max-width: 650px !important;
    color: #162737 !important;
    font-size: 30px !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
  }

  body.is-overview-default .hero-reason {
    display: none !important;
  }

  body.is-overview-default .home-deck .learning-path-cue {
    display: none !important;
  }

  body.is-overview-default .home-deck .mountain-map {
    position: absolute !important;
    right: 30px !important;
    bottom: 30px !important;
    width: 300px !important;
    height: 118px !important;
    opacity: 0.34 !important;
    pointer-events: none !important;
  }

  body.is-overview-default .home-deck .mountain-map svg {
    height: 118px !important;
    min-height: 118px !important;
  }

  body.is-overview-default .home-deck .mountain-map .route-dot text,
  body.is-overview-default .home-deck .mountain-map .route-hit {
    display: none !important;
  }

  body.is-overview-default .home-deck .hero-mission {
    left: 52px !important;
    bottom: 34px !important;
    width: min(708px, calc(100% - 104px)) !important;
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 206px 88px 172px !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.is-overview-default .home-deck .hero-mission .mission-card {
    display: none !important;
  }

  body.is-overview-default .home-deck .hero-mission .mission-card.is-primary {
    display: grid !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    min-height: 74px !important;
    padding: 13px 16px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(47, 123, 112, 0.1) !important;
    box-shadow: 0 14px 30px rgba(37, 74, 83, 0.035) !important;
    overflow: hidden !important;
  }

  body.is-overview-default .home-deck .hero-mission .mission-card span {
    font-size: 10px !important;
    color: #5f8b85 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  body.is-overview-default .home-deck .hero-mission .mission-card strong {
    font-size: 17px !important;
    color: #173047 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.is-overview-default .home-deck .hero-mission .mission-card p {
    margin: 0 !important;
    color: #657d86 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.is-overview-default .home-deck .hero-mission .mission-link {
    min-width: 172px !important;
    min-height: 46px !important;
    border-radius: 999px !important;
  }

  body.is-overview-default .mission-loop {
    min-height: 44px !important;
    display: grid !important;
    grid-template-columns: repeat(4, max-content 10px) !important;
    grid-template-columns: max-content 10px max-content 10px max-content 10px max-content !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.58) !important;
    border: 1px solid rgba(47, 123, 112, 0.09) !important;
    box-shadow: 0 10px 24px rgba(37, 74, 83, 0.03) !important;
  }

  body.is-overview-default .mission-loop span {
    color: #516d76 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.is-overview-default .mission-loop i {
    width: 10px !important;
    height: 1px !important;
    background: rgba(47, 123, 112, 0.24) !important;
    position: relative !important;
  }

  body.is-overview-default .mission-loop i::after {
    content: "" !important;
    position: absolute !important;
    right: -1px !important;
    top: -3px !important;
    width: 6px !important;
    height: 6px !important;
    border-right: 1px solid rgba(47, 123, 112, 0.32) !important;
    border-top: 1px solid rgba(47, 123, 112, 0.32) !important;
    transform: rotate(45deg) !important;
  }

  body.is-overview-default .balance-peek {
    min-height: 52px !important;
    display: grid !important;
    grid-template-columns: 26px 8px 26px !important;
    grid-template-rows: 22px 10px 10px !important;
    place-content: center !important;
    column-gap: 4px !important;
    padding: 0 10px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(241,249,247,0.72)) !important;
    border: 1px solid rgba(47, 123, 112, 0.11) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 12px 26px rgba(37, 74, 83, 0.035) !important;
  }

  body.is-overview-default .balance-peek b {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 22px !important;
    border-radius: 8px !important;
    background: linear-gradient(145deg, #ffffff, #eaf6f4) !important;
    border: 1px solid rgba(47, 123, 112, 0.14) !important;
    color: #183047 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    box-shadow: 0 6px 14px rgba(37, 74, 83, 0.04) !important;
  }

  body.is-overview-default .balance-peek > i {
    align-self: center !important;
    width: 8px !important;
    height: 2px !important;
    background: #2f7b70 !important;
    border-radius: 99px !important;
  }

  body.is-overview-default .balance-peek em {
    grid-column: 1 / -1 !important;
    grid-row: 2 / 4 !important;
    align-self: end !important;
    justify-self: center !important;
    width: 74px !important;
    height: 12px !important;
    border-bottom: 3px solid rgba(47, 123, 112, 0.45) !important;
    border-left: 2px solid rgba(47, 123, 112, 0.22) !important;
    border-right: 2px solid rgba(47, 123, 112, 0.22) !important;
    border-radius: 0 0 16px 16px !important;
  }

  body.is-overview-default .home-deck .section-grid {
    display: none !important;
    width: 100% !important;
  }

  body.is-overview-default .home-deck .map-panel {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.is-overview-default .home-deck .map-panel .panel-head,
  body.is-overview-default .home-deck .map-view-modes,
  body.is-overview-default .home-deck .domain-tabs,
  body.is-overview-default .home-deck .filter-status,
  body.is-overview-default .home-deck .map-legend,
  body.is-overview-default .home-deck .focus-graph,
  body.is-overview-default .home-deck .detail-panel {
    display: none !important;
  }

  body.is-overview-default .home-deck .map-canvas.is-system-overview {
    counter-reset: route-step !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.is-overview-default .home-deck .system-overview-card {
    counter-increment: route-step !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-template-areas:
      "dot meta"
      "dot title"
      "dot action" !important;
    align-items: start !important;
    column-gap: 14px !important;
    row-gap: 6px !important;
    min-height: 112px !important;
    padding: 18px 18px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.68) !important;
    border-color: rgba(52, 84, 92, 0.075) !important;
    box-shadow: 0 18px 42px rgba(37, 74, 83, 0.04) !important;
    overflow: hidden !important;
    position: relative !important;
  }

  body.is-overview-default .home-deck .system-overview-card::before {
    content: counter(route-step) !important;
    grid-area: dot !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    background: linear-gradient(145deg, #62b5a5, #2f7b70) !important;
    box-shadow: 0 10px 22px rgba(47, 123, 112, 0.16) !important;
  }

  body.is-overview-default .home-deck .system-overview-card::after {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    right: 14px !important;
    bottom: 12px !important;
    width: 92px !important;
    height: 58px !important;
    opacity: 0.34 !important;
    pointer-events: none !important;
    border-radius: 18px !important;
  }

  body.is-overview-default .home-deck .system-overview-card.is-blue::after {
    background:
      linear-gradient(90deg, rgba(47,114,214,0.18) 2px, transparent 2px) 0 0 / 18px 18px,
      linear-gradient(rgba(47,114,214,0.14) 2px, transparent 2px) 0 0 / 18px 18px,
      linear-gradient(135deg, rgba(47,114,214,0.12), rgba(101,188,174,0.12)) !important;
  }

  body.is-overview-default .home-deck .system-overview-card.is-green::after {
    background:
      linear-gradient(90deg, rgba(101,188,174,0.18) 0 44%, transparent 44% 49%, rgba(244,180,85,0.18) 49%),
      linear-gradient(180deg, transparent 0 48%, rgba(47,123,112,0.22) 48% 52%, transparent 52%) !important;
  }

  body.is-overview-default .home-deck .system-overview-card.is-violet::after {
    background:
      linear-gradient(0deg, transparent 45%, rgba(79,113,236,0.3) 45% 53%, transparent 53%),
      radial-gradient(circle at 26% 46%, rgba(79,113,236,0.22) 0 10px, transparent 11px),
      radial-gradient(circle at 74% 46%, rgba(101,188,174,0.22) 0 10px, transparent 11px) !important;
  }

  body.is-overview-default .home-deck .system-overview-card span {
    grid-area: meta !important;
    color: #78909a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.is-overview-default .home-deck .system-overview-card strong {
    grid-area: title !important;
    color: #183047 !important;
    font-size: 21px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.is-overview-default .home-deck .system-overview-card small {
    display: none !important;
  }

  body.is-overview-default .home-deck .system-overview-card em {
    grid-area: action !important;
    justify-self: start !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: block !important;
    background: transparent !important;
    color: #2f7b70 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    white-space: normal !important;
    line-height: 1.25 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.is-overview-default .workspace > .learning-row {
    display: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: min(840px, 100%) !important;
    height: auto !important;
    margin: -2px auto 0 !important;
    align-items: stretch !important;
  }

  body.is-overview-default .workspace > .learning-row > .panel {
    display: grid !important;
    min-height: 86px !important;
    height: 86px !important;
    max-height: 86px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(54, 94, 101, 0.065) !important;
    background: rgba(255, 255, 255, 0.58) !important;
    box-shadow: 0 14px 34px rgba(37, 74, 83, 0.035) !important;
    padding: 14px 16px !important;
    overflow: hidden !important;
  }

  body.is-overview-default .workspace > .learning-row .panel-head,
  body.is-overview-default .workspace > .learning-row .report-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  body.is-overview-default .workspace > .learning-row .eyebrow.numbered {
    min-height: 22px !important;
    margin: 0 0 6px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: #2f7b70 !important;
    font-size: 10px !important;
  }

  body.is-overview-default .workspace > .learning-row .eyebrow.numbered b {
    width: 21px !important;
    height: 21px !important;
    font-size: 10px !important;
    box-shadow: none !important;
  }

  body.is-overview-default .workspace > .learning-row h2,
  body.is-overview-default .workspace > .learning-row #practiceTitle,
  body.is-overview-default .workspace > .learning-row .report-head h2 {
    margin: 0 !important;
    color: #183047 !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.is-overview-default .workspace > .learning-row .primary-link,
  body.is-overview-default .workspace > .learning-row .tiny-link,
  body.is-overview-default .workspace > .learning-row .practice-repair-link {
    min-height: 28px !important;
    border-radius: 999px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  body.is-overview-default .workspace > .learning-row .mini-lesson,
  body.is-overview-default .workspace > .learning-row .question-card,
  body.is-overview-default .workspace > .learning-row .report-summary {
    display: none !important;
  }

  body.is-overview-default .workspace > .learning-row .lesson-flow,
  body.is-overview-default .workspace > .learning-row .practice-meta,
  body.is-overview-default .workspace > .learning-row .practice-levels,
  body.is-overview-default .workspace > .learning-row .answers,
  body.is-overview-default .workspace > .learning-row .diagnosis-board,
  body.is-overview-default .workspace > .learning-row .report-actions,
  body.is-overview-default .workspace > .learning-row .report-stats,
  body.is-overview-default .workspace > .learning-row .report-evidence,
  body.is-overview-default .workspace > .learning-row .report-models,
  body.is-overview-default .workspace > .learning-row .heatmap,
  body.is-overview-default .workspace > .learning-row .report-insights,
  body.is-overview-default .workspace > .learning-row .parent-action,
  body.is-overview-default .workspace > .learning-row .path-head,
  body.is-overview-default .workspace > .learning-row .path-list {
    display: none !important;
  }
}

/* calm57: report route is a readable diagnostic report, not a compressed dashboard tile. */
html body.is-report-focus {
  background:
    radial-gradient(circle at 72% -12%, rgba(223, 240, 255, 0.9), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #f3fbf8 100%) !important;
}

html body.is-report-focus .app-frame {
  grid-template-columns: 150px minmax(0, 1fr) !important;
  width: min(1320px, calc(100% - 56px)) !important;
  gap: 18px !important;
}

html body.is-report-focus .workspace {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 16px !important;
  align-content: start !important;
}

html body.is-report-focus .top-strip {
  min-height: 68px !important;
  height: 68px !important;
  max-height: 68px !important;
  overflow: hidden !important;
}

html body.is-report-focus .home-deck,
html body.is-report-focus .workspace > #models.model-library,
html body.is-report-focus .workspace > .model-library,
html body.is-report-focus .workspace > .roadmap,
html body.is-report-focus .workspace > .learning-row > .lesson-preview,
html body.is-report-focus .workspace > .learning-row > .practice-preview {
  display: none !important;
}

html body.is-report-focus .workspace > .learning-row {
  display: block !important;
  width: min(980px, 100%) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

html body.is-report-focus .workspace > .learning-row > article.panel.report-preview {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 22px !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(65, 103, 122, 0.1) !important;
  box-shadow: 0 28px 80px rgba(39, 76, 96, 0.07) !important;
  overflow: visible !important;
}

html body.is-report-focus .report-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 48px !important;
  height: auto !important;
  max-height: none !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(65, 103, 122, 0.1) !important;
}

html body.is-report-focus .report-head h2 {
  margin: 0 !important;
  color: #173047 !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
}

html body.is-report-focus .report-summary,
html body.is-report-focus .report-stats,
html body.is-report-focus .report-evidence,
html body.is-report-focus .report-models,
html body.is-report-focus .heatmap,
html body.is-report-focus .report-insights,
html body.is-report-focus .parent-action,
html body.is-report-focus .path-list {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(255,255,255,0.92), rgba(247,252,250,0.78)) !important;
  border: 1px solid rgba(65, 103, 122, 0.1) !important;
  box-shadow: 0 14px 34px rgba(39, 76, 96, 0.04) !important;
  overflow: visible !important;
}

html body.is-report-focus .report-summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 22px !important;
}

html body.is-report-focus .report-summary strong {
  color: #173047 !important;
  font-size: 26px !important;
  line-height: 1.15 !important;
}

html body.is-report-focus .report-summary p {
  max-width: 650px !important;
  color: #5f7480 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body.is-report-focus .report-stats,
html body.is-report-focus .report-evidence,
html body.is-report-focus .heatmap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

html body.is-report-focus .report-models,
html body.is-report-focus .report-insights,
html body.is-report-focus .path-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

html body.is-report-focus .parent-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px !important;
}

html body.is-report-focus .report-stat,
html body.is-report-focus .report-evidence article,
html body.is-report-focus .report-model-card,
html body.is-report-focus .insight-card,
html body.is-report-focus .path-step,
html body.is-report-focus .heat-cell {
  height: auto !important;
  min-height: 72px !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.is-report-focus .report-evidence article {
  min-height: 120px !important;
}

html body.is-report-focus .path-head {
  display: none !important;
}

@media (max-width: 1180px) {
  html body.is-report-focus .app-frame {
    display: block !important;
    width: min(100% - 24px, 720px) !important;
    padding: 12px 0 24px !important;
  }

  html body.is-report-focus .sidebar {
    display: none !important;
  }

  html body.is-report-focus .top-strip {
    height: auto !important;
    min-height: 52px !important;
    max-height: none !important;
    margin-bottom: 10px !important;
  }

  html body.is-report-focus .top-strip .global-search,
  html body.is-report-focus .top-strip .top-actions,
  html body.is-report-focus .top-strip .learner-chip,
  html body.is-report-focus .top-strip .search-assist {
    display: none !important;
  }

  html body.is-report-focus .workspace > .learning-row > article.panel.report-preview {
    padding: 16px !important;
    border-radius: 26px !important;
  }

  html body.is-report-focus .report-head,
  html body.is-report-focus .report-summary,
  html body.is-report-focus .parent-action {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.is-report-focus .report-head {
    display: grid !important;
  }

  html body.is-report-focus .report-stats,
  html body.is-report-focus .report-evidence,
  html body.is-report-focus .report-models,
  html body.is-report-focus .heatmap,
  html body.is-report-focus .report-insights,
  html body.is-report-focus .path-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.is-report-focus .report-summary strong {
    font-size: 22px !important;
  }
}

/* calm54: dedicated report route, aligned with the reference learning-report panel. */
body.is-report-focus {
  background:
    radial-gradient(circle at 78% 4%, rgba(232, 242, 255, 0.9), transparent 30%),
    linear-gradient(180deg, #fbfdff 0%, #f3faf7 58%, #f8fbfa 100%) !important;
}

body.is-report-focus .home-deck,
body.is-report-focus .workspace > .model-library,
body.is-report-focus .workspace > .roadmap,
body.is-report-focus .workspace > .learning-row > .lesson-preview,
body.is-report-focus .workspace > .learning-row > .practice-preview {
  display: none !important;
}

body.is-report-focus .workspace {
  grid-template-rows: 72px minmax(0, 1fr) !important;
  gap: 14px !important;
}

body.is-report-focus .workspace > .learning-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(1180px, 100%) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}

body.is-report-focus .workspace > .learning-row > .report-preview {
  display: grid !important;
  grid-template-columns: 1.08fr 0.92fr !important;
  grid-template-areas:
    "head head"
    "summary stats"
    "evidence heat"
    "models insights"
    "parent path" !important;
  gap: 14px !important;
  min-height: 710px !important;
  padding: 20px !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(79, 122, 142, 0.11) !important;
  box-shadow: 0 28px 80px rgba(40, 78, 104, 0.07) !important;
}

body.is-report-focus .report-head { grid-area: head !important; }
body.is-report-focus .report-summary { grid-area: summary !important; }
body.is-report-focus .report-stats { grid-area: stats !important; }
body.is-report-focus .report-evidence { grid-area: evidence !important; }
body.is-report-focus .report-models { grid-area: models !important; }
body.is-report-focus .heatmap { grid-area: heat !important; }
body.is-report-focus .report-insights { grid-area: insights !important; }
body.is-report-focus .parent-action { grid-area: parent !important; }
body.is-report-focus .path-list { grid-area: path !important; }

body.is-report-focus .report-head {
  min-height: 48px !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(79, 122, 142, 0.09) !important;
  padding-bottom: 12px !important;
}

body.is-report-focus .report-head h2 {
  color: #173047 !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
}

body.is-report-focus .report-summary,
body.is-report-focus .report-stats,
body.is-report-focus .report-evidence,
body.is-report-focus .report-models,
body.is-report-focus .heatmap,
body.is-report-focus .report-insights,
body.is-report-focus .parent-action,
body.is-report-focus .path-list {
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(255,255,255,0.86), rgba(247,252,250,0.74)) !important;
  border: 1px solid rgba(79, 122, 142, 0.09) !important;
  box-shadow: 0 16px 38px rgba(40, 78, 104, 0.04) !important;
  overflow: hidden !important;
}

body.is-report-focus .report-summary {
  min-height: 170px !important;
  padding: 20px !important;
}

body.is-report-focus .report-summary span {
  color: #2f7b70 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

body.is-report-focus .report-summary strong {
  color: #173047 !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
}

body.is-report-focus .report-summary p {
  max-width: 620px !important;
  color: #5b7480 !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
}

body.is-report-focus .report-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

body.is-report-focus .report-stat {
  min-height: 78px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(247, 251, 253, 0.72) !important;
}

body.is-report-focus .report-stat strong {
  font-size: 22px !important;
  line-height: 1.05 !important;
}

body.is-report-focus .report-evidence {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

body.is-report-focus .report-evidence article {
  min-height: 128px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(238, 248, 246, 0.66) !important;
}

body.is-report-focus .report-evidence strong {
  font-size: 18px !important;
}

body.is-report-focus .report-evidence p,
body.is-report-focus .report-evidence small {
  font-size: 12px !important;
  line-height: 1.34 !important;
}

body.is-report-focus .heatmap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 12px !important;
}

body.is-report-focus .heat-cell {
  min-height: 54px !important;
  border-radius: 16px !important;
}

body.is-report-focus .report-models,
body.is-report-focus .report-insights {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
}

body.is-report-focus .report-model-card,
body.is-report-focus .insight-card {
  min-height: 74px !important;
  border-radius: 17px !important;
}

body.is-report-focus .parent-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 16px !important;
}

body.is-report-focus .path-list {
  display: grid !important;
  gap: 9px !important;
  padding: 12px !important;
}

body.is-report-focus .path-head {
  display: none !important;
}

@media (max-width: 1180px) {
  body.is-report-focus .app-frame {
    width: min(100% - 24px, 720px) !important;
  }

  body.is-report-focus .workspace {
    grid-template-rows: 30px minmax(0, 1fr) !important;
  }

  body.is-report-focus .workspace > .learning-row > .report-preview {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "head"
      "summary"
      "stats"
      "evidence"
      "models"
      "heat"
      "insights"
      "parent"
      "path" !important;
    gap: 10px !important;
    padding: 14px !important;
    border-radius: 24px !important;
  }

  body.is-report-focus .report-head {
    display: grid !important;
    gap: 10px !important;
  }

  body.is-report-focus .report-head h2 {
    font-size: 24px !important;
  }

  body.is-report-focus .report-stats,
  body.is-report-focus .report-evidence,
  body.is-report-focus .heatmap {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.is-report-focus .parent-action {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

html body.is-overview-default .workspace .home-deck .map-panel .map-canvas.is-system-overview > .system-overview-card::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

@media (min-width: 1181px) {
  html body.is-overview-default .workspace .home-deck > .section-grid {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 112px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body.is-overview-default .workspace .home-deck > .section-grid .map-panel {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 112px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body.is-overview-default .workspace .home-deck > .section-grid .map-canvas.is-system-overview {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 112px !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Focused knowledge-map workbench. Keep one strong graph, one detail panel, no card flood. */
@media (min-width: 1181px) {
  body:not(.is-overview-default) {
    background:
      radial-gradient(circle at 55% -18%, rgba(221, 240, 255, 0.78), transparent 38%),
      linear-gradient(180deg, #f8fbff 0%, #f3faf8 100%) !important;
  }

  body:not(.is-overview-default) .app-frame {
    grid-template-columns: 150px minmax(0, 1fr) !important;
    width: min(1440px, calc(100% - 56px)) !important;
    gap: 16px !important;
  }

  body:not(.is-overview-default) .home-deck {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-rows: 232px auto !important;
    gap: 16px !important;
  }

  body:not(.is-overview-default) .home-deck .dashboard-grid {
    height: 232px !important;
    min-height: 232px !important;
    max-height: 232px !important;
    overflow: hidden !important;
  }

  body:not(.is-overview-default) .home-deck .hero-card {
    min-height: 232px !important;
    height: 232px !important;
    padding: 34px 42px !important;
    border-radius: 28px !important;
    grid-template-columns: minmax(0, 0.88fr) minmax(360px, 0.82fr) !important;
    box-shadow: 0 24px 70px rgba(39, 76, 96, 0.065) !important;
  }

  body:not(.is-overview-default) .home-deck .hero-copy {
    max-width: 560px !important;
    gap: 10px !important;
  }

  body:not(.is-overview-default) .home-deck .hero-copy h2 {
    max-width: 540px !important;
    font-size: 28px !important;
    line-height: 1.18 !important;
  }

  body:not(.is-overview-default) .hero-reason {
    display: none !important;
  }

  body:not(.is-overview-default) .hero-mission {
    display: none !important;
  }

  body:not(.is-overview-default) .hero-mission .mission-card {
    display: none !important;
  }

  body:not(.is-overview-default) .hero-mission .mission-link {
    display: grid !important;
  }

  body:not(.is-overview-default) .hero-mission .mission-card.is-primary {
    display: none !important;
  }

  body:not(.is-overview-default) .home-deck .mountain-map {
    height: 166px !important;
    min-height: 166px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  body:not(.is-overview-default) .home-deck .section-grid {
    grid-template-columns: minmax(0, 1fr) 286px !important;
    gap: 16px !important;
    height: 498px !important;
    min-height: 498px !important;
    max-height: 498px !important;
    overflow: visible !important;
  }

  body:not(.is-overview-default) .home-deck .map-panel,
  body:not(.is-overview-default) .home-deck .detail-panel {
    height: 498px !important;
    min-height: 498px !important;
    max-height: 498px !important;
    border-radius: 28px !important;
    background: rgba(255, 255, 255, 0.76) !important;
    box-shadow: 0 24px 70px rgba(39, 76, 96, 0.055) !important;
    overflow: hidden !important;
  }

  body:not(.is-overview-default) .home-deck .map-panel {
    display: grid !important;
    grid-template-rows: 54px 34px 38px minmax(0, 1fr) !important;
    padding: 22px 24px 24px !important;
  }

  body:not(.is-overview-default) .home-deck .map-panel .panel-head {
    min-height: 54px !important;
    margin: 0 !important;
  }

  body:not(.is-overview-default) .home-deck .map-panel .panel-head h2 {
    display: none !important;
  }

  body:not(.is-overview-default) .home-deck .map-view-modes,
  body:not(.is-overview-default) .home-deck .domain-tabs,
  body:not(.is-overview-default) .home-deck .filter-status,
  body:not(.is-overview-default) .home-deck .map-legend {
    min-height: 0 !important;
    margin: 0 !important;
  }

  body:not(.is-overview-default) .home-deck .map-legend {
    display: none !important;
  }

  body:not(.is-overview-default) .home-deck .focus-graph {
    align-self: stretch !important;
    height: auto !important;
    min-height: 344px !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 26px !important;
    background:
      radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.92), rgba(245, 252, 249, 0.72) 55%, rgba(238, 248, 255, 0.62)),
      linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(248, 252, 251, 0.72)) !important;
    border: 1px solid rgba(60, 96, 111, 0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 18px 42px rgba(40, 78, 95, 0.045) !important;
    overflow: hidden !important;
  }

  body:not(.is-overview-default) .home-deck .focus-lines {
    width: 100% !important;
    height: 100% !important;
  }

  body:not(.is-overview-default) .home-deck .focus-node {
    border-radius: 18px !important;
    box-shadow: 0 16px 32px rgba(43, 89, 108, 0.07) !important;
  }

  body:not(.is-overview-default) .home-deck .focus-center {
    width: 260px !important;
    min-height: 118px !important;
    padding: 22px 22px !important;
  }

  body:not(.is-overview-default) .home-deck .focus-center strong {
    font-size: 24px !important;
  }

  body:not(.is-overview-default) .home-deck .focus-center p {
    display: none !important;
  }

  body:not(.is-overview-default) .home-deck .focus-spoke {
    width: 166px !important;
    min-height: 66px !important;
    padding: 12px 14px !important;
  }

  body:not(.is-overview-default) .home-deck .focus-spoke strong {
    font-size: 14px !important;
    line-height: 1.18 !important;
  }

  body:not(.is-overview-default) .home-deck .map-canvas {
    display: none !important;
  }

  body:not(.is-overview-default) .home-deck .detail-panel {
    display: grid !important;
    grid-template-rows: 34px minmax(0, 1fr) !important;
    padding: 22px 18px !important;
  }

  body:not(.is-overview-default) .home-deck .detail-panel #nodeDetail {
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body:not(.is-overview-default) .home-deck .detail-card {
    height: 100% !important;
    display: grid !important;
    grid-template-rows: auto auto 8px minmax(0, 1fr) 44px !important;
    gap: 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body:not(.is-overview-default) .home-deck .detail-title h3 {
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  body:not(.is-overview-default) .home-deck .detail-status-row {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  body:not(.is-overview-default) .home-deck .detail-entry p {
    display: none !important;
  }

  body:not(.is-overview-default) .home-deck .detail-entry {
    display: none !important;
  }

  body:not(.is-overview-default) .home-deck .detail-list {
    display: grid !important;
    gap: 8px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body:not(.is-overview-default) .home-deck .detail-list li {
    padding: 8px 10px !important;
    border-radius: 14px !important;
    background: rgba(247, 251, 250, 0.78) !important;
  }

  body:not(.is-overview-default) .home-deck .detail-list li strong {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body:not(.is-overview-default) .home-deck .detail-link {
    min-height: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 14px !important;
    margin: 0 !important;
  }

  body:not(.is-overview-default) .home-deck .detail-relations {
    display: none !important;
  }

  body:not(.is-overview-default) .model-library {
    margin-top: 12px !important;
    min-height: 78px !important;
    height: 78px !important;
    max-height: 78px !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }

  body:not(.is-overview-default) .model-library .model-strip {
    display: grid !important;
    grid-template-columns: 238px repeat(12, minmax(72px, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  body:not(.is-overview-default) .model-library .model-engine-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 14px 24px 14px !important;
    align-content: center !important;
    gap: 2px 8px !important;
    min-width: 238px !important;
    height: 58px !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(239, 248, 246, 0.94), rgba(240, 247, 255, 0.9)) !important;
    border: 1px solid rgba(47, 123, 112, 0.12) !important;
  }

  html body:not(.is-overview-default) .workspace > #models.model-library .model-strip > .model-engine-summary,
  html body:not(.is-overview-default) .workspace > .model-library .model-strip > .model-engine-summary {
    display: grid !important;
    width: 238px !important;
    min-width: 238px !important;
    max-width: 238px !important;
  }

  html body:not(.is-overview-default) .workspace > #models.model-library .model-engine-summary span,
  html body:not(.is-overview-default) .workspace > #models.model-library .model-engine-summary small,
  html body:not(.is-overview-default) .workspace > .model-library .model-engine-summary span,
  html body:not(.is-overview-default) .workspace > .model-library .model-engine-summary small {
    display: block !important;
  }

  html body:not(.is-overview-default) .workspace > #models.model-library .model-engine-summary em,
  html body:not(.is-overview-default) .workspace > .model-library .model-engine-summary em {
    display: none !important;
  }

  body:not(.is-overview-default) .model-library .model-engine-summary span {
    grid-column: 1 / -1 !important;
    color: #2f7b70 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body:not(.is-overview-default) .model-library .model-engine-summary strong {
    color: #173047 !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body:not(.is-overview-default) .model-library .model-engine-summary small {
    grid-column: 1 / -1 !important;
    color: #647b86 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:not(.is-overview-default) .model-library .model-engine-summary em {
    display: none !important;
  }

  body:not(.is-overview-default) .model-library .model-engine-summary a {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: end !important;
    max-width: 92px !important;
    min-height: 24px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: rgba(47, 114, 214, 0.1) !important;
    color: #2f72d6 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding: 0 8px !important;
  }

  body:not(.is-overview-default) .model-library .model-item {
    min-width: 72px !important;
    height: 58px !important;
    border-radius: 16px !important;
    padding: 8px !important;
  }

  body:not(.is-overview-default) .model-library .model-item small,
  body:not(.is-overview-default) .model-library .model-item em,
  body:not(.is-overview-default) .model-library .model-item .model-status,
  body:not(.is-overview-default) .model-library .model-item .model-filter,
  body:not(.is-overview-default) .model-library .model-item .model-progress {
    display: none !important;
  }
}

@media (max-width: 1180px) {
  body:not(.is-overview-default) .home-deck .map-canvas {
    display: none !important;
  }

  body:not(.is-overview-default) .home-deck .section-grid,
  body:not(.is-overview-default) .home-deck .map-panel {
    height: auto !important;
    min-height: 0 !important;
  }

  body:not(.is-overview-default) .home-deck .focus-graph {
    min-height: 360px !important;
    margin-bottom: 0 !important;
    overflow: auto !important;
  }
}

@media (max-width: 1180px) {
  body.is-overview-default {
    background: linear-gradient(180deg, #fbfdfc 0%, #f2faf7 100%) !important;
  }

  body.is-overview-default .app-frame {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
    width: min(100% - 24px, 720px) !important;
    padding: 12px 0 22px !important;
  }

  body.is-overview-default .sidebar {
    display: grid !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    position: sticky !important;
    top: 12px !important;
    padding: 4px !important;
    border-radius: 18px !important;
    overflow: visible !important;
  }

  body.is-overview-default .brand {
    display: grid !important;
    place-items: center !important;
    gap: 0 !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    overflow: visible !important;
  }

  body.is-overview-default .brand span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 14px !important;
  }

  body.is-overview-default .brand strong,
  body.is-overview-default .side-nav,
  body.is-overview-default .side-tools,
  body.is-overview-default .side-note,
  body.is-overview-default .side-status {
    display: none !important;
  }

  body.is-overview-default .workspace {
    gap: 12px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.is-overview-default .workspace > .learning-row {
    display: none !important;
  }

  body.is-overview-default .top-strip {
    min-height: 30px !important;
    padding: 0 !important;
  }

  body.is-overview-default .top-strip h1 {
    font-size: 14px !important;
    color: rgba(33, 53, 69, 0.7) !important;
  }

  body.is-overview-default .top-strip .eyebrow,
  body.is-overview-default .top-principle,
  body.is-overview-default .top-actions,
  body.is-overview-default .global-search,
  body.is-overview-default .search-assist,
  body.is-overview-default .learner-chip {
    display: none !important;
  }

  body.is-overview-default .home-deck .hero-card {
    min-height: 330px !important;
    padding: 28px 24px 104px !important;
    border-radius: 28px !important;
    box-shadow: 0 24px 60px rgba(37, 74, 83, 0.06) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.is-overview-default .home-deck .hero-copy h2 {
    font-size: 26px !important;
    line-height: 1.18 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.is-overview-default .hero-reason,
  body.is-overview-default .home-deck .learning-path-cue {
    display: none !important;
  }

  body.is-overview-default .home-deck .hero-mission {
    left: 24px !important;
    bottom: 24px !important;
    width: calc(100% - 48px) !important;
    display: grid !important;
    gap: 8px !important;
  }

  body.is-overview-default .home-deck .hero-mission .mission-card {
    display: none !important;
  }

  body.is-overview-default .home-deck .hero-mission .mission-card.is-primary {
    display: none !important;
  }

  body.is-overview-default .home-deck .hero-mission .mission-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.is-overview-default .mission-loop {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    margin-bottom: 2px !important;
  }

  body.is-overview-default .mission-loop span {
    min-height: 24px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.68) !important;
    color: #516d76 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.is-overview-default .mission-loop i,
  body.is-overview-default .balance-peek {
    display: none !important;
  }

  body.is-overview-default .home-deck .map-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.is-overview-default .home-deck .map-panel .panel-head,
  body.is-overview-default .home-deck .map-view-modes,
  body.is-overview-default .home-deck .domain-tabs,
  body.is-overview-default .home-deck .filter-status,
  body.is-overview-default .home-deck .map-legend,
  body.is-overview-default .home-deck .focus-graph,
  body.is-overview-default .home-deck .detail-panel {
    display: none !important;
  }

  body.is-overview-default .home-deck .map-canvas.is-system-overview {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.is-overview-default .home-deck .system-overview-card {
    min-height: 88px !important;
    padding: 15px 16px !important;
    border-radius: 20px !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    grid-template-areas:
      "dot meta"
      "dot title"
      "dot action" !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
  }

  body.is-overview-default .home-deck .system-overview-card::before {
    grid-area: dot !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
  }

  body.is-overview-default .home-deck .system-overview-card span {
    display: block !important;
    grid-area: meta !important;
    color: #78909a !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
  }

  body.is-overview-default .home-deck .system-overview-card strong {
    display: block !important;
    grid-area: title !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.is-overview-default .home-deck .system-overview-card small {
    display: none !important;
  }

  body.is-overview-default .home-deck .system-overview-card em {
    display: block !important;
    grid-area: action !important;
    color: #2f7b70 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.is-overview-default .home-deck .system-overview-card em {
    min-width: 78px !important;
    padding: 0 10px !important;
  }
}

/* calm51: keep the homepage quiet, but restore the system signals from the reference dashboard. */
@media (min-width: 1181px) {
  html body.is-overview-default .workspace .home-deck {
    max-width: 930px !important;
  }

  html body.is-overview-default .workspace .home-deck .hero-card {
    min-height: 292px !important;
    padding: 38px 48px 38px !important;
  }

  html body.is-overview-default .workspace .home-deck .hero-copy h2 {
    max-width: 690px !important;
    font-size: 29px !important;
  }

  html body.is-overview-default .workspace .home-deck .hero-mission {
    width: min(760px, calc(100% - 104px)) !important;
    grid-template-columns: minmax(218px, 1fr) 220px 88px 172px !important;
  }

  html body.is-overview-default .workspace .home-deck > .section-grid .map-canvas.is-system-overview {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    min-height: 118px !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    grid-template-areas:
      "dot meta"
      "dot title"
      "dot detail"
      "dot action" !important;
    min-height: 118px !important;
    padding: 16px 15px !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,0.74), rgba(247,252,250,0.58)) !important;
    border: 1px solid rgba(54, 94, 101, 0.075) !important;
    box-shadow: 0 16px 38px rgba(37, 74, 83, 0.04) !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card::before {
    content: none !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card > b {
    grid-area: dot !important;
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    background: linear-gradient(145deg, #62b5a5, #2f7b70) !important;
    box-shadow: 0 10px 22px rgba(47, 123, 112, 0.16) !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-blue > b {
    background: linear-gradient(145deg, #66a7ff, #2f72d6) !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-violet > b {
    background: linear-gradient(145deg, #a7a7f5, #706cdf) !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-amber > b {
    background: linear-gradient(145deg, #f7c77a, #db9442) !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card span {
    font-size: 11px !important;
    color: #6f8790 !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card strong {
    font-size: 17px !important;
    line-height: 1.14 !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card small {
    grid-area: detail !important;
    display: -webkit-box !important;
    color: #69828b !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card em {
    align-self: end !important;
    color: #2f7b70 !important;
    font-size: 11px !important;
    padding: 0 !important;
  }
}

@media (max-width: 1180px) {
  html body.is-overview-default .workspace .home-deck .system-overview-card > b {
    grid-area: dot !important;
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, #62b5a5, #2f7b70) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card {
    grid-template-areas:
      "dot meta"
      "dot title"
      "dot action" !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card small {
    display: none !important;
  }
}

/* calm52: focused map mode borrows the reference dashboard structure without the dense bottom noise. */
@media (min-width: 1181px) {
  html body:not(.is-overview-default) .home-deck {
    grid-template-rows: 128px auto !important;
    gap: 14px !important;
  }

  html body:not(.is-overview-default) .home-deck .dashboard-grid {
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
  }

  html body:not(.is-overview-default) .home-deck .hero-card {
    min-height: 128px !important;
    height: 128px !important;
    padding: 22px 30px !important;
    border-radius: 24px !important;
    grid-template-columns: minmax(0, 0.86fr) minmax(330px, 0.72fr) !important;
  }

  html body:not(.is-overview-default) .home-deck .hero-copy {
    gap: 7px !important;
    max-width: 720px !important;
  }

  html body:not(.is-overview-default) .home-deck .hero-copy h2 {
    max-width: 720px !important;
    font-size: 24px !important;
    line-height: 1.12 !important;
  }

  html body:not(.is-overview-default) .home-deck .learning-path-cue {
    display: flex !important;
    max-width: 720px !important;
    min-height: 26px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #415c68 !important;
    font-size: 13px !important;
    box-shadow: none !important;
  }

  html body:not(.is-overview-default) .home-deck .learning-path-cue span,
  html body:not(.is-overview-default) .home-deck .learning-path-cue i {
    display: none !important;
  }

  html body:not(.is-overview-default) .home-deck .mountain-map {
    height: 86px !important;
    min-height: 86px !important;
    align-self: center !important;
    opacity: 0.88 !important;
  }

  html body:not(.is-overview-default) .home-deck .mountain-map svg {
    height: 86px !important;
    min-height: 86px !important;
  }

  html body:not(.is-overview-default) .home-deck .section-grid {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    grid-template-columns: minmax(0, 1fr) 286px !important;
  }

  html body:not(.is-overview-default) .home-deck .map-panel,
  html body:not(.is-overview-default) .home-deck .detail-panel {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
  }

  html body:not(.is-overview-default) .home-deck .map-panel {
    grid-template-rows: 50px 32px 34px minmax(0, 1fr) !important;
    padding: 20px 24px 24px !important;
  }

  html body:not(.is-overview-default) .home-deck .focus-graph {
    min-height: 456px !important;
  }

  html body:not(.is-overview-default) .model-library .model-strip {
    grid-template-columns: 224px repeat(8, minmax(78px, 1fr)) !important;
  }

  html body:not(.is-overview-default) .model-library .model-item {
    display: none !important;
  }

  html body:not(.is-overview-default) .model-library .model-item[data-model-card="balance"],
  html body:not(.is-overview-default) .model-library .model-item[data-model-card="algebra_tiles"],
  html body:not(.is-overview-default) .model-library .model-item[data-model-card="area_model"],
  html body:not(.is-overview-default) .model-library .model-item[data-model-card="fraction_bar"],
  html body:not(.is-overview-default) .model-library .model-item[data-model-card="triple_view"],
  html body:not(.is-overview-default) .model-library .model-item[data-model-card="dissection"],
  html body:not(.is-overview-default) .model-library .model-item[data-model-card="coordinate_plane"],
  html body:not(.is-overview-default) .model-library .model-item[data-model-card="probability_sim"] {
    display: grid !important;
  }
}

/* calm53: default overview becomes a quiet learning-path selector, not a dashboard. */
@media (min-width: 1181px) {
  html body.is-overview-default .workspace .home-deck {
    max-width: 900px !important;
    gap: 16px !important;
  }

  html body.is-overview-default .workspace .home-deck .hero-card {
    min-height: 278px !important;
    padding: 38px 46px !important;
    background:
      linear-gradient(120deg, rgba(255, 255, 255, 0.96), rgba(246, 252, 250, 0.9)),
      radial-gradient(circle at 82% 28%, rgba(214, 239, 232, 0.56), transparent 34%) !important;
    box-shadow: 0 24px 70px rgba(37, 74, 83, 0.055) !important;
  }

  html body.is-overview-default .workspace .home-deck .hero-copy h2 {
    max-width: 610px !important;
    font-size: 28px !important;
    line-height: 1.18 !important;
  }

  html body.is-overview-default .workspace .home-deck .mountain-map {
    opacity: 0.22 !important;
    filter: saturate(0.84) !important;
  }

  html body.is-overview-default .workspace .home-deck .mountain-map a {
    display: none !important;
  }

  html body.is-overview-default .workspace .home-deck .hero-mission {
    width: min(700px, calc(100% - 104px)) !important;
    grid-template-columns: minmax(232px, 1fr) 218px 166px !important;
  }

  html body.is-overview-default .workspace .home-deck .balance-peek {
    display: none !important;
  }

  html body.is-overview-default .workspace .home-deck > .section-grid .map-canvas.is-system-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    min-height: 0 !important;
  }

  html body.is-overview-default .workspace .home-deck .overview-route-head {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-height: 34px !important;
    padding: 0 4px !important;
  }

  html body.is-overview-default .workspace .home-deck .overview-route-head span {
    color: #617880 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  html body.is-overview-default .workspace .home-deck .overview-route-head a {
    min-height: 32px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(54, 94, 101, 0.08) !important;
    color: #2f7b70 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(37, 74, 83, 0.03) !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-route-card {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    grid-template-areas:
      "dot meta"
      "dot title"
      "dot detail" !important;
    min-height: 102px !important;
    padding: 15px 16px !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.58) !important;
    border: 1px solid rgba(54, 94, 101, 0.065) !important;
    box-shadow: 0 14px 34px rgba(37, 74, 83, 0.032) !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-route-card > b {
    width: 32px !important;
    height: 32px !important;
    border-radius: 13px !important;
    box-shadow: 0 8px 20px rgba(47, 123, 112, 0.1) !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-route-card span {
    color: #8a9ca2 !important;
    font-size: 10px !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-route-card strong {
    font-size: 17px !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-route-card small {
    color: #637a84 !important;
    font-size: 11px !important;
    line-height: 1.34 !important;
    -webkit-line-clamp: 2 !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-route-card em {
    display: none !important;
  }

  html body.is-overview-default .metric-card,
  html body.is-overview-default .overview-insights,
  html body.is-overview-default .model-library,
  html body.is-overview-default .roadmap {
    display: none !important;
  }
}

/* calm57 final: report route is a readable diagnostic report, not a compressed dashboard tile. */
html body.is-report-focus {
  background:
    radial-gradient(circle at 72% -12%, rgba(223, 240, 255, 0.9), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #f3fbf8 100%) !important;
}

html body.is-report-focus .app-frame {
  grid-template-columns: 150px minmax(0, 1fr) !important;
  width: min(1320px, calc(100% - 56px)) !important;
  gap: 18px !important;
}

html body.is-report-focus .workspace {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 16px !important;
  align-content: start !important;
}

html body.is-report-focus .top-strip {
  min-height: 68px !important;
  height: 68px !important;
  max-height: 68px !important;
  overflow: hidden !important;
}

html body.is-report-focus .home-deck,
html body.is-report-focus .workspace > #models.model-library,
html body.is-report-focus .workspace > .model-library,
html body.is-report-focus .workspace > .roadmap,
html body.is-report-focus .workspace > .learning-row > .lesson-preview,
html body.is-report-focus .workspace > .learning-row > .practice-preview {
  display: none !important;
}

html body.is-report-focus .workspace > .learning-row {
  display: block !important;
  width: min(980px, 100%) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

html body.is-report-focus .workspace > .learning-row > article.panel.report-preview {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 22px !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(65, 103, 122, 0.1) !important;
  box-shadow: 0 28px 80px rgba(39, 76, 96, 0.07) !important;
  overflow: visible !important;
}

html body.is-report-focus .report-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 48px !important;
  height: auto !important;
  max-height: none !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(65, 103, 122, 0.1) !important;
}

html body.is-report-focus .report-head h2 {
  margin: 0 !important;
  color: #173047 !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
}

html body.is-report-focus .report-summary,
html body.is-report-focus .report-stats,
html body.is-report-focus .report-evidence,
html body.is-report-focus .report-models,
html body.is-report-focus .heatmap,
html body.is-report-focus .report-insights,
html body.is-report-focus .parent-action,
html body.is-report-focus .path-list {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(255,255,255,0.92), rgba(247,252,250,0.78)) !important;
  border: 1px solid rgba(65, 103, 122, 0.1) !important;
  box-shadow: 0 14px 34px rgba(39, 76, 96, 0.04) !important;
  overflow: visible !important;
}

html body.is-report-focus .report-summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 22px !important;
}

html body.is-report-focus .report-summary strong {
  color: #173047 !important;
  font-size: 26px !important;
  line-height: 1.15 !important;
}

html body.is-report-focus .report-summary p {
  max-width: 650px !important;
  color: #5f7480 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body.is-report-focus .report-stats,
html body.is-report-focus .report-evidence,
html body.is-report-focus .heatmap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

html body.is-report-focus .report-models,
html body.is-report-focus .report-insights,
html body.is-report-focus .path-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

html body.is-report-focus .parent-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px !important;
}

html body.is-report-focus .report-stat,
html body.is-report-focus .report-evidence article,
html body.is-report-focus .report-model-card,
html body.is-report-focus .insight-card,
html body.is-report-focus .path-step,
html body.is-report-focus .heat-cell {
  height: auto !important;
  min-height: 72px !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.is-report-focus .report-evidence article {
  min-height: 120px !important;
}

html body.is-report-focus .path-head {
  display: none !important;
}

@media (max-width: 1180px) {
  html body.is-report-focus .app-frame {
    display: block !important;
    width: min(100% - 24px, 720px) !important;
    padding: 12px 0 24px !important;
  }

  html body.is-report-focus .sidebar {
    display: none !important;
  }

  html body.is-report-focus .top-strip {
    height: auto !important;
    min-height: 52px !important;
    max-height: none !important;
    margin-bottom: 10px !important;
  }

  html body.is-report-focus .top-strip .global-search,
  html body.is-report-focus .top-strip .top-actions,
  html body.is-report-focus .top-strip .learner-chip,
  html body.is-report-focus .top-strip .search-assist {
    display: none !important;
  }

  html body.is-report-focus .workspace > .learning-row > article.panel.report-preview {
    padding: 16px !important;
    border-radius: 26px !important;
  }

  html body.is-report-focus .report-head,
  html body.is-report-focus .report-summary,
  html body.is-report-focus .parent-action {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.is-report-focus .report-head {
    display: grid !important;
  }

  html body.is-report-focus .report-stats,
  html body.is-report-focus .report-evidence,
  html body.is-report-focus .report-models,
  html body.is-report-focus .heatmap,
  html body.is-report-focus .report-insights,
  html body.is-report-focus .path-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.is-report-focus .report-summary strong {
    font-size: 22px !important;
  }
}

/* calm55: final overrides for the quiet overview/report split.
   These stay last so legacy compact-dashboard rules cannot hide report cards again. */
html body.is-report-focus .workspace > .learning-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(1180px, 100%) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.is-report-focus .workspace > .learning-row > .report-preview {
  display: grid !important;
  grid-template-columns: 1.08fr 0.92fr !important;
  grid-template-areas:
    "head head"
    "summary stats"
    "evidence heat"
    "models insights"
    "parent path" !important;
  gap: 14px !important;
  height: auto !important;
  min-height: 710px !important;
  max-height: none !important;
  padding: 20px !important;
  overflow: visible !important;
}

html body.is-report-focus .workspace > .learning-row > article.panel.report-preview {
  height: auto !important;
  min-height: 1120px !important;
  max-height: none !important;
  grid-template-rows: 48px 156px 112px 150px 184px 204px 100px 82px 111px !important;
  grid-auto-rows: auto !important;
  align-content: start !important;
}

html body.is-report-focus .workspace > .learning-row .report-summary {
  display: grid !important;
  grid-area: summary !important;
}

html body.is-report-focus .workspace > .learning-row .report-stats {
  display: grid !important;
  grid-area: stats !important;
}

html body.is-report-focus .workspace > .learning-row .report-evidence {
  display: grid !important;
  grid-area: evidence !important;
}

html body.is-report-focus .workspace > .learning-row .report-models {
  display: grid !important;
  grid-area: models !important;
}

html body.is-report-focus .workspace > .learning-row .heatmap {
  display: grid !important;
  grid-area: heat !important;
}

html body.is-report-focus .workspace > .learning-row .report-insights {
  display: grid !important;
  grid-area: insights !important;
}

html body.is-report-focus .workspace > .learning-row .parent-action {
  display: grid !important;
  grid-area: parent !important;
}

html body.is-report-focus .workspace > .learning-row .path-list {
  display: grid !important;
  grid-area: path !important;
}

html body.is-report-focus .workspace > .learning-row .path-head {
  display: none !important;
}

html body.is-report-focus .workspace > .model-library,
html body.is-report-focus .workspace > #models.model-library,
html body.is-report-focus .workspace > .roadmap,
html body.is-report-focus .home-deck {
  display: none !important;
}

@media (max-width: 1180px) {
  html body.is-report-focus .workspace > .learning-row > .report-preview {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "head"
      "summary"
      "stats"
      "evidence"
      "models"
      "heat"
      "insights"
      "parent"
      "path" !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 14px !important;
  }
}

/* calm56: keep report readable instead of trying to behave like the compact homepage tiles. */
html body.is-report-focus .app-frame {
  grid-template-columns: 150px minmax(0, 1fr) !important;
}

html body.is-report-focus .workspace > .learning-row {
  width: min(940px, 100%) !important;
}

html body.is-report-focus .workspace > .learning-row > .report-preview {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "head"
    "summary"
    "stats"
    "evidence"
    "models"
    "heat"
    "insights"
    "parent"
    "path" !important;
  gap: 14px !important;
  min-height: 0 !important;
}

html body.is-report-focus .workspace > .learning-row .report-summary,
html body.is-report-focus .workspace > .learning-row .report-stats,
html body.is-report-focus .workspace > .learning-row .report-evidence,
html body.is-report-focus .workspace > .learning-row .report-models,
html body.is-report-focus .workspace > .learning-row .heatmap,
html body.is-report-focus .workspace > .learning-row .report-insights,
html body.is-report-focus .workspace > .learning-row .parent-action,
html body.is-report-focus .workspace > .learning-row .path-list {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.is-report-focus .workspace > .learning-row .report-summary {
  min-height: 156px !important;
  padding: 22px !important;
  gap: 10px !important;
}

html body.is-report-focus .workspace > .learning-row .report-stats,
html body.is-report-focus .workspace > .learning-row .report-evidence,
html body.is-report-focus .workspace > .learning-row .heatmap {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.is-report-focus .workspace > .learning-row .report-stats {
  min-height: 112px !important;
}

html body.is-report-focus .workspace > .learning-row .report-stat {
  min-height: 78px !important;
}

html body.is-report-focus .workspace > .learning-row .report-evidence {
  min-height: 150px !important;
}

html body.is-report-focus .workspace > .learning-row .report-evidence article {
  min-height: 126px !important;
}

html body.is-report-focus .workspace > .learning-row .report-models,
html body.is-report-focus .workspace > .learning-row .report-insights {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.is-report-focus .workspace > .learning-row .report-models,
html body.is-report-focus .workspace > .learning-row .report-insights {
  min-height: 96px !important;
}

html body.is-report-focus .workspace > .learning-row .heatmap {
  min-height: 202px !important;
}

html body.is-report-focus .workspace > .learning-row .heat-cell {
  min-height: 54px !important;
}

html body.is-report-focus .workspace > .learning-row .parent-action {
  min-height: 82px !important;
}

html body.is-report-focus .workspace > .learning-row .path-list {
  min-height: 86px !important;
}

@media (max-width: 1180px) {
  html body.is-report-focus .app-frame {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100% - 24px, 720px) !important;
  }

  html body.is-report-focus .sidebar {
    display: none !important;
  }

  html body.is-report-focus .workspace {
    grid-template-rows: auto auto !important;
  }

  html body.is-report-focus .workspace > .learning-row .report-stats,
  html body.is-report-focus .workspace > .learning-row .report-evidence,
  html body.is-report-focus .workspace > .learning-row .heatmap,
  html body.is-report-focus .workspace > .learning-row .report-models,
  html body.is-report-focus .workspace > .learning-row .report-insights {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 1180px) {
  html body.is-overview-default .workspace .home-deck .hero-card .eyebrow.numbered {
    width: auto !important;
    min-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.is-overview-default .workspace .home-deck .hero-card .eyebrow.numbered span {
    display: inline !important;
    color: #2f7b70 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  html body.is-overview-default .workspace .home-deck .hero-card {
    min-height: 300px !important;
    padding: 26px 22px 92px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(246, 252, 250, 0.9)) !important;
  }

  html body.is-overview-default .workspace .home-deck .hero-copy h2 {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  html body.is-overview-default .workspace .home-deck .overview-route-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding: 0 2px !important;
  }

  html body.is-overview-default .workspace .home-deck .overview-route-head span {
    color: #617880 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  html body.is-overview-default .workspace .home-deck .overview-route-head a {
    min-height: 30px !important;
    max-width: 148px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.68) !important;
    border: 1px solid rgba(54, 94, 101, 0.08) !important;
    color: #2f7b70 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-route-card {
    min-height: 82px !important;
    background: rgba(255, 255, 255, 0.62) !important;
    box-shadow: 0 12px 28px rgba(37, 74, 83, 0.03) !important;
  }

  html body.is-overview-default .workspace .home-deck .system-overview-card.is-route-card em {
    display: none !important;
  }

  html body.is-overview-default .metric-card,
  html body.is-overview-default .overview-insights,
  html body.is-overview-default .model-library,
  html body.is-overview-default .roadmap {
    display: none !important;
  }
}