/* Public learning activities share the clinical interface, with their own reading order. */
.mc-demo-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, .65fr); gap: var(--layout-gap); padding-block: var(--space-8); align-items: end; }
.mc-demo-intro h1 { margin-block: var(--space-2) var(--space-3); }
.mc-demo-intro .mc-lead { max-inline-size: 62ch; }
.mc-demo-intro__note { border-inline-start: 2px solid var(--color-border-strong); padding-inline-start: var(--space-5); color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-demo-nav { display: flex; gap: var(--space-2) var(--space-6); flex-wrap: wrap; padding-block: var(--space-3); border-block: 1px solid var(--color-border-strong); }
.mc-demo-nav a { display: flex; align-items: center; gap: var(--space-3); min-block-size: var(--control-height); text-decoration: none; font-size: var(--type-body-sm); font-weight: 600; }
.mc-demo-nav a span { color: var(--color-text-secondary); font-variant-numeric: tabular-nums; }
.mc-demo-section { padding-block: var(--space-10); scroll-margin-block-start: var(--space-6); }
.mc-demo-section .mc-section-heading { align-items: end; }
.mc-demo-section .mc-section-heading > p { max-inline-size: 55ch; color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-question-index { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); border-block: 1px solid var(--color-border-strong); }
.mc-question-index > button { display: flex; gap: var(--space-3); align-items: start; min-inline-size: 0; padding: var(--space-4); border: 0; border-block-end: 3px solid transparent; border-radius: 0; text-align: start; background: var(--color-bg-subtle); color: var(--color-text); cursor: pointer; font: inherit; transition: background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); }
.mc-question-index > button[aria-pressed="true"] { border-block-end-color: var(--color-brand); background: var(--color-surface); }
.mc-question-index strong { display: block; font-size: var(--type-body-sm); line-height: var(--leading-body); }
.mc-question-index__number { font-size: var(--type-caption); font-variant-numeric: tabular-nums; color: var(--color-link); padding-block-start: 2px; }
.mc-question-index__meta { display: block; margin-block-start: var(--space-1); font-size: var(--type-caption); color: var(--color-text-secondary); }
.mc-question-index .is-answered [data-case-completion] { color: var(--color-success); }
.mc-gallery-status { padding-block: var(--space-3); }
.mc-question-gallery [data-case-panel] { border: 1px solid var(--color-border-strong); background: var(--color-surface); }
.mc-question-gallery .cue-case__head { border-block-start: 0; }
.mc-question-gallery .cue-case__head h3 { font-size: var(--type-h4); }
.mc-gallery-footer { display: flex; justify-content: space-between; gap: var(--space-4); align-items: center; padding-block: var(--space-4); }
.mc-case-tools { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-block-start: var(--space-2); }
.mc-text-control { min-block-size: var(--control-height); border: 0; border-block-end: 1px solid transparent; border-radius: 0; padding: var(--space-1) 0; background: none; color: var(--color-link); font: 600 var(--type-body-sm)/var(--leading-body) var(--font-body); cursor: pointer; }
.mc-text-control[aria-pressed="true"] { border-block-end-color: currentColor; }
.cue-case__option.is-eliminated .cue-case__option-text { text-decoration: line-through; color: var(--color-text-secondary); }
.mc-demo-viva { background: var(--color-bg-subtle); border-block: 1px solid var(--color-border); }
.mc-demo-viva .mc-section-heading { margin-block-end: var(--space-6); }
.mc-demo-pathways { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--layout-gap); padding-block: var(--space-5); border-block-end: 1px solid var(--color-border-strong); }
.mc-demo-pathways a { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); text-decoration: none; padding-block: var(--space-2); }
.mc-demo-pathways strong { display: block; color: var(--color-text); font-size: var(--type-h3); }
.mc-demo-pathways span { display: block; color: var(--color-text-secondary); font-size: var(--type-body-sm); margin-block-start: var(--space-1); }
.mc-arena-section { padding-block: var(--section-space); }
.mc-arena-section__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: var(--layout-gap); align-items: end; margin-block-end: var(--space-6); }
.mc-arena-section__intro h2 { margin-block: var(--space-3); font-size: var(--type-display); max-inline-size: 21ch; }
.mc-arena-section__intro p:not(.mc-eyebrow) { color: var(--color-text-secondary); max-inline-size: 56ch; }
.mc-arena-section__modes { display: flex; gap: var(--space-6); padding-block: var(--space-5); border-block: 1px solid var(--color-border-strong); margin-block-start: var(--space-5); }
.mc-arena-section__modes > div { flex: 1; min-inline-size: 0; }
.mc-arena-section__modes dt { font-weight: 600; margin-block-end: var(--space-2); }
.mc-arena-section__modes dd { margin: 0; color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-demo-footnote { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3); align-items: center; margin-block-start: var(--space-5); color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-demo-footnote a { min-block-size: var(--control-height); display: inline-flex; align-items: center; gap: var(--space-2); }
@media (hover: hover) {
  .mc-question-index > button:hover { background: var(--color-surface); }
  .mc-demo-pathways a:hover strong { color: var(--color-link); }
}
@media (prefers-reduced-motion: no-preference) {
  .mc-question-gallery [data-case-panel]:not([hidden]) .mc-case-layout { animation: mc-case-enter var(--duration-normal) var(--ease-out); }
  .cue-case__teaching:not([hidden]) { animation: mc-case-enter var(--duration-normal) var(--ease-out); }
  @keyframes mc-case-enter { from { opacity: .35; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
}
@media (max-width: 760px) {
  .mc-demo-intro, .mc-arena-section__intro, .mc-demo-pathways { grid-template-columns: minmax(0, 1fr); }
  .mc-demo-intro { gap: var(--space-5); }
  .mc-question-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mc-question-index > button { padding: var(--space-3); gap: var(--space-2); }
  .mc-question-index__meta [data-case-completion] { display: block; }
  .mc-gallery-footer { flex-wrap: wrap; }
  .mc-gallery-footer > span { order: 3; flex-basis: 100%; }
  .mc-demo-pathways { gap: var(--space-3); }
  .mc-demo-pathways a + a { border-block-start: 1px solid var(--color-border); padding-block-start: var(--space-4); }
  .mc-arena-section__intro h2 { max-inline-size: 19ch; }
}