/* Track Mishnah UI 2.18.4
 * Balanced wide-screen dashboard proportions and concise participant-facing
 * Release Notes.
 */

@media (min-width: 1220px) {
  /* Keep My Learning useful and scrollable without forcing the entire first
   * dashboard row to match an unnecessarily tall viewport-derived panel. */
  body.app-theme-jewel .dashboard-primary-workspace {
    --tm-my-learning-height: clamp(620px, calc(100dvh - 310px), 760px);
  }
}

@media (min-width: 1600px) {
  /* Give the summary dashboard more presence on genuinely wide screens. My
   * Learning remains the larger column and retains comfortable row widths. */
  body.app-theme-jewel .dashboard-primary-workspace {
    grid-template-columns: minmax(500px, 1.12fr) minmax(0, 1.88fr);
  }
}

body.app-theme-jewel .release-note-card.is-participant-summary {
  gap: 8px;
  padding-block: 13px;
}

body.app-theme-jewel .release-note-card.is-participant-summary header {
  align-items: center;
  padding-bottom: 7px;
}

body.app-theme-jewel .release-note-card.is-participant-summary header h2 {
  font-size: .94rem;
}

body.app-theme-jewel .release-note-summary {
  margin: 0;
  color: var(--app-text-soft);
  font-size: .72rem;
  line-height: 1.5;
}

@media (max-width: 640px) {
  body.app-theme-jewel .release-note-card.is-participant-summary header {
    align-items: flex-start;
  }

  body.app-theme-jewel .release-note-card.is-participant-summary header h2 {
    font-size: .88rem;
  }
}