/* Resource identity and activity-specific public compositions. */
.mc-breadcrumbs { padding-block-start: var(--space-5); font-size: var(--type-caption); }
.mc-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: 0; list-style: none; }
.mc-breadcrumbs li + li::before { content: '/'; margin-inline-end: var(--space-2); color: var(--color-text-tertiary); }
.mc-breadcrumbs [aria-current] { color: var(--color-text-secondary); }
.mc-section-heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: var(--space-4); margin-block-end: var(--space-6); }
.mc-section-heading .mc-eyebrow, .mc-page-intro > .mc-eyebrow { margin-block-end: var(--space-3); }
.mc-local-nav { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); margin-block-start: var(--space-6); padding-block: var(--space-3); border-block: 1px solid var(--color-border); }
.mc-local-nav a { display: inline-flex; align-items: center; min-block-size: var(--control-height); font-size: var(--type-body-sm); font-weight: 500; }
.mc-home-intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-6); align-items: center; padding-block: var(--space-6); }
.mc-home-intro .mc-eyebrow { margin-block-end: var(--space-2); }
.mc-public .mc-home-intro h1 { font-size: clamp(1.75rem, 2.65vw, 2.5rem); max-inline-size: 30ch; }
.mc-home-intro__description { margin-block-start: var(--space-2); color: var(--color-text-secondary); font-size: var(--type-body); }
.mc-home-intro__purpose .mc-actions { margin: 0; }
.mc-home-intro__purpose .mc-note { margin-block-start: var(--space-2); }
.mc-home-clinical { border: 1px solid var(--color-border-strong); background: var(--color-surface); }
.cue-case__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); padding: var(--space-3) var(--space-5); border-block-end: 1px solid var(--color-border-strong); border-block-start: 3px solid var(--color-brand); background: var(--color-bg-subtle); }
.cue-case__head > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--space-2) var(--space-5); }
.cue-case__head h2 { font-size: var(--type-h4); }
.cue-case__status { font-size: var(--type-caption); color: var(--color-link); text-align: end; }
.mc-case-layout { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: var(--space-6); padding: var(--space-5); }
.mc-case-layout > * { min-inline-size: 0; }
.cue-case__stem, .cue-case__lead, .cue-case__teaching > p { font: var(--type-clinical)/1.55 var(--font-clinical); }
.cue-case__lead { font-weight: 600; }
.cue-case__answers { min-inline-size: 0; margin: 0; padding: 0; border: 0; }
.cue-case__answers legend { padding: 0; }
.mc-case-figure { margin-block-start: var(--space-3); }
.mc-case-figure > a { display: block; border: 1px solid var(--color-border); background: var(--color-surface); cursor: zoom-in; }
.mc-case-figure img { display: block; inline-size: 100%; block-size: auto; max-block-size: clamp(16rem, 40svh, 20rem); object-fit: contain; }
.mc-case-figure figcaption, .mc-investigation-layout figcaption { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2) var(--space-4); margin-block-start: var(--space-2); color: var(--color-text-secondary); font-size: var(--type-caption); }
.mc-case-figure figcaption a { display: inline-flex; align-items: center; gap: var(--space-1); min-block-size: 32px; }
.cue-case__options { display: grid; gap: var(--space-2); margin-block-start: var(--space-3); }
.cue-case__option { position: relative; display: grid; grid-template-columns: var(--space-6) minmax(0, 1fr); align-items: center; gap: var(--space-1) var(--space-3); inline-size: 100%; min-block-size: var(--control-height); padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border-strong); border-radius: var(--radius-xs); background: var(--color-surface); color: var(--color-text); text-align: start; cursor: pointer; font: var(--type-clinical)/1.4 var(--font-clinical); }
.cue-case__feedback { grid-column: 2; font: 600 var(--type-caption)/1.4 var(--font-body); }
.cue-case__feedback:empty { display: none; }
.cue-case__option input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; }
.cue-case__key { display: grid; place-items: center; flex: 0 0 var(--space-6); inline-size: var(--space-6); block-size: var(--space-6); font: 600 var(--type-caption)/1 var(--font-body); color: var(--color-text-secondary); border: 1px solid var(--color-border-strong); border-radius: var(--radius-xs); }
.cue-case:not(.is-resolved) .cue-case__option:has(input:checked) { border-color: var(--color-brand); background: var(--color-brand-subtle); }
.cue-case:not(.is-resolved) .cue-case__option:has(input:checked) .cue-case__key { color: var(--color-text-inverse); background: var(--color-brand); border-color: var(--color-brand); }
.cue-case__option:has(input:focus-visible) { outline: 2px solid var(--color-focus); outline-offset: 3px; }
.cue-case__option.is-correct { border-color: var(--color-success); background: var(--color-success-subtle); }
.cue-case__option.is-correct .cue-case__key { background: var(--color-success); color: var(--color-text-inverse); border-color: var(--color-success); }
.cue-case__option.is-wrong { border-color: var(--color-error); background: var(--color-error-subtle); }
.cue-case__option.is-wrong .cue-case__key { background: var(--color-error); color: var(--color-text-inverse); border-color: var(--color-error); }
.cue-case__option:has(input:disabled) { cursor: default; }
.cue-case__actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); margin-block-start: var(--space-4); }
.cue-case__pending { margin-block-start: var(--space-3); }
.cue-case__teaching { margin: 0 var(--space-5) var(--space-5); padding-block-start: var(--space-4); border-block-start: 2px solid var(--color-success); }
.cue-case__teaching > p, .cue-case__rationales { max-inline-size: var(--layout-reading); }
.mc-case-image-error { margin-block-start: var(--space-3); padding: var(--space-3); background: var(--color-error-subtle); color: var(--color-error); font-size: var(--type-body-sm); }
.mc-case-image-error button { min-block-size: var(--control-height); color: inherit; font: inherit; text-decoration: underline; border: 0; background: none; cursor: pointer; }
.cue-case__teaching h3 { margin-block-end: var(--space-3); }
.cue-case__teaching .mc-button { margin-block-start: var(--space-4); }
.cue-case__rationales { margin-block-start: var(--space-4); }
.cue-case__rationales p { font: var(--type-body)/var(--leading-clinical) var(--font-clinical); }
.cue-case__teaching .cue-case__reference { margin-block-start: var(--space-4); font: var(--type-caption)/var(--leading-body) var(--font-body); }
.mc-case-source { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-5); align-items: start; padding: var(--space-3) var(--space-5); border-block-start: 1px solid var(--color-border); background: var(--color-bg-subtle); font-size: var(--type-caption); color: var(--color-text-secondary); }
.mc-case-source > p { max-inline-size: 95ch; }
.mc-case-source details { max-inline-size: 46ch; }
.mc-case-source summary { min-block-size: 32px; color: var(--color-link); }
.mc-case-source details p { margin-block: var(--space-3); }
.mc-case-source a { display: inline-flex; align-items: center; gap: var(--space-2); min-block-size: var(--space-8); margin-inline-end: var(--space-3); }
.mc-investigation-intro { display: grid; grid-template-columns: 1fr 1fr; gap: var(--layout-gap); align-items: end; margin-block-end: var(--space-6); }
.mc-investigation-intro .mc-eyebrow { margin-block-end: var(--space-3); }
.mc-investigation-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: start; gap: var(--layout-gap); }
.mc-investigation-layout > * { min-inline-size: 0; }
.mc-investigation-layout img { display: block; inline-size: 100%; block-size: auto; border: 1px solid var(--color-border); }
.mc-investigation-notes { padding-inline-start: var(--space-6); border-inline-start: 2px solid var(--color-border-strong); }
.mc-investigation-notes p { margin-block-start: var(--space-3); color: var(--color-text-secondary); }
.mc-investigation-notes ol { padding-inline-start: var(--space-5); margin-block: var(--space-5) var(--space-3); }
.mc-investigation-notes li { padding-block: var(--space-2); }
.mc-retrieval-section { background: var(--color-bg-subtle); }
.mc-retrieval-layout { display: grid; grid-template-columns: 1fr 1fr; gap: var(--layout-gap); align-items: start; }
.mc-retrieval-layout .mc-eyebrow { margin-block-end: var(--space-3); }
.mc-retrieval-layout .mc-lead { margin-block: var(--space-4); }
.mc-retrieval-layout > div > p:not(.mc-eyebrow) { color: var(--color-text-secondary); }
.mc-retrieval-sample { padding: var(--space-6); border: 1px solid var(--color-border-strong); background: var(--color-surface); }
.mc-retrieval-sample h3 { margin-block: var(--space-5); font-family: var(--font-clinical); font-size: var(--type-h2); font-weight: 500; line-height: var(--leading-body); }
.mc-retrieval-sample summary { display: flex; justify-content: space-between; align-items: center; min-block-size: var(--control-height); color: var(--color-brand); }
.mc-retrieval-sample audio { display: block; inline-size: 100%; margin-block: var(--space-3) var(--space-5); }
.mc-resource-row { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr) var(--control-height); align-items: start; gap: var(--space-6); padding-block: var(--space-6); border-block-start: 1px solid var(--color-border); }
.mc-resource-row__identity h3 { margin-block-start: var(--space-2); }
.mc-resource-row__identity h3 a { color: var(--color-text); text-decoration: none; }
.mc-resource-row__access { margin-block-start: var(--space-2); font-size: var(--type-caption); color: var(--color-text-secondary); }
.mc-resource-row__go { display: grid; place-items: center; min-block-size: var(--control-height); }
.mc-audience-links { display: grid; grid-template-columns: 1fr 1fr; gap: var(--layout-gap); }
.mc-audience-links > a { display: flex; justify-content: space-between; gap: var(--space-5); padding-block: var(--space-5); border-block-start: 1px solid var(--color-border-strong); text-decoration: none; }
.mc-audience-links p { margin-block-start: var(--space-3); color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-home-trust { display: grid; grid-template-columns: 1fr 1fr; gap: var(--layout-gap); }
.mc-home-trust p { color: var(--color-text-secondary); margin-block: var(--space-4) var(--space-2); }
.mc-membership-close { display: flex; justify-content: space-between; align-items: center; gap: var(--space-6); border-block-start: 2px solid var(--color-border-strong); }
.mc-membership-close p { margin-block-start: var(--space-3); color: var(--color-text-secondary); }
.mc-membership-close .mc-button { flex: none; }
.mc-resource-intro { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--layout-gap); }
.mc-resource-intro .mc-eyebrow { margin-block-end: var(--space-3); }
.mc-resource-intro .mc-note { margin-block-start: var(--space-4); }
.mc-resource-access { padding-inline-start: var(--space-6); border-inline-start: 2px solid var(--color-border-strong); }
.mc-resource-access h2 { font-size: var(--type-h3); }
.mc-resource-access dl { margin-block: var(--space-3); }
.mc-resource-access dl > div, .mc-provenance > div { padding-block: var(--space-3); border-block-end: 1px solid var(--color-border); }
.mc-resource-access dt, .mc-provenance dt { margin-block-end: var(--space-1); font-size: var(--type-caption); color: var(--color-text-secondary); }
.mc-resource-access dd, .mc-provenance dd { margin: 0; font-size: var(--type-body-sm); }
.mc-resource-access a { display: inline-flex; min-block-size: var(--control-height); align-items: center; font-size: var(--type-body-sm); }
.mc-mode-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: var(--layout-gap); margin-block: var(--space-6); }
.mc-mode-comparison article { padding-block-start: var(--space-5); border-block-start: 2px solid var(--color-border-strong); }
.mc-mode-comparison h3 { margin-block-start: var(--space-3); }
.mc-mode-comparison p:not(.mc-eyebrow) { color: var(--color-text-secondary); margin-block: var(--space-3); }
.mc-mode-comparison a { display: inline-flex; align-items: center; min-block-size: var(--control-height); font-size: var(--type-body-sm); }
.mc-system-directory { columns: 2; column-gap: var(--layout-gap); }
.mc-system-directory section { break-inside: avoid; margin-block-end: var(--space-6); border-block-start: 1px solid var(--color-border-strong); padding-block-start: var(--space-4); }
.mc-system-directory ul { list-style: none; margin-block-start: var(--space-3); padding: 0; }
.mc-system-directory a { display: inline-flex; align-items: center; min-block-size: var(--control-height); color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-course-modules { margin: 0; padding: 0; list-style: none; counter-reset: modules; }
.mc-course-modules li { display: grid; grid-template-columns: var(--space-8) minmax(0, 1fr) auto; gap: var(--space-5); align-items: baseline; padding-block: var(--space-6); border-block-start: 1px solid var(--color-border); counter-increment: modules; }
.mc-course-modules li::before { content: counter(modules, decimal-leading-zero); color: var(--color-text-secondary); font-size: var(--type-caption); font-variant-numeric: tabular-nums; }
.mc-course-modules p { color: var(--color-text-secondary); font-size: var(--type-body-sm); margin-block-start: var(--space-2); }
.mc-audience-intro { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--layout-gap); }
.mc-audience-context { padding-inline-start: var(--space-6); border-inline-start: 2px solid var(--color-border-strong); }
.mc-audience-context h2 { font-size: var(--type-h3); }
.mc-audience-context p { color: var(--color-text-secondary); margin-block-start: var(--space-3); font-size: var(--type-body-sm); }
.mc-audience-course { margin-block: var(--space-6); }
@media (hover: hover) and (pointer: fine) {
  .cue-case__option:hover:has(input:not(:disabled):not(:checked)) { background: var(--color-bg-subtle); border-color: var(--color-text-secondary); }
  .mc-resource-row__identity h3 a:hover, .mc-system-directory a:hover, .mc-audience-links > a:hover h3 { color: var(--color-brand); text-decoration: underline; text-underline-offset: .2em; }
}
@media (prefers-reduced-motion: no-preference) {
  .cue-case__option { transition: color var(--duration-fast), background-color var(--duration-fast), border-color var(--duration-fast); }
  .cue-case.is-resolved .cue-case__teaching { animation: mc-answer-reveal var(--duration-normal) var(--ease-out); }
}
@keyframes mc-answer-reveal { from { opacity: .35; } to { opacity: 1; } }
@media (max-width: 1100px) {
  .mc-home-intro { grid-template-columns: 1fr; gap: var(--space-3); }
  .mc-case-layout { gap: var(--space-6); }
  .mc-investigation-layout { grid-template-columns: 1fr; }
  .mc-investigation-notes { max-inline-size: var(--layout-prose); }
}
@media (max-width: 760px) {
  .mc-home-intro, .mc-case-layout, .mc-investigation-intro, .mc-retrieval-layout, .mc-audience-links, .mc-home-trust, .mc-resource-intro, .mc-mode-comparison, .mc-audience-intro { grid-template-columns: 1fr; }
  .mc-home-intro { padding-block: var(--space-6); }
  .mc-home-intro h1 { font-size: var(--type-h1); }
  .cue-case__head { align-items: flex-start; padding: var(--space-4); gap: var(--space-3); }
  .cue-case__status { max-inline-size: 13ch; }
  .mc-case-layout { padding: var(--space-4); }
  .mc-case-figure img { max-block-size: none; }
  .cue-case__head > div { display: block; }
  .cue-case__head h2 { margin-block-start: var(--space-1); }
  .cue-case__actions { align-items: flex-start; flex-direction: column; }
  .mc-case-source { grid-template-columns: 1fr; gap: var(--space-3); padding: var(--space-4); }
  .mc-resource-row { grid-template-columns: minmax(0, 1fr) var(--control-height); gap: var(--space-3); }
  .mc-resource-row > div:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
  .mc-resource-row__go { grid-column: 2; grid-row: 1; }
  .mc-membership-close { align-items: flex-start; flex-direction: column; }
  .mc-system-directory { column-gap: var(--space-6); }
  .mc-course-modules li { grid-template-columns: var(--space-6) minmax(0, 1fr); gap: var(--space-3); }
  .mc-course-modules li > .mc-meta { grid-column: 2; }
  .mc-resource-access, .mc-audience-context { padding-inline-start: var(--space-5); }
}
@media (max-width: 430px) {
  .mc-system-directory { columns: 1; }
  .mc-retrieval-sample { padding: var(--space-5); }
}

@media (forced-colors: active) {
  .cue-case__option:has(input:checked) { border: 3px solid Highlight; }
  .cue-case__option:has(input:checked) .cue-case__key { background: Highlight; color: HighlightText; forced-color-adjust: none; }
}
.mc-case-credit { display: block; }
.mc-case-credit a { min-block-size: 24px; }
.mc-case-figure > a { position: relative; }
.mc-case-figure.is-loading > a::after { content: 'Loading clinical image…'; position: absolute; inset: 0; display: grid; place-items: center; padding: var(--space-4); color: var(--color-text-secondary); background: var(--color-bg-subtle); font: var(--type-body-sm)/var(--leading-body) var(--font-body); }