/* The study index separates the next action, current record and resource directory. */
.mc-ui :is(.folio-today, .av-main) { inline-size: min(100%, var(--layout-content)); margin-inline: auto; padding: var(--space-8) var(--layout-gutter) var(--space-12); }
.mc-ui :is(.folio-today__intro, .av-head) { margin-block-end: var(--space-8); }
.mc-ui :is(#today-context, .av-sub) { margin-block-start: var(--space-3); max-inline-size: var(--layout-prose); color: var(--color-text-secondary); }
.mc-ui .folio-kicker { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); margin-block-end: var(--space-3); font-size: var(--type-caption); color: var(--color-text-secondary); }
.mc-ui .rounds-board, .mc-ui #dash { display: grid; gap: var(--space-8); }
.mc-ui :is(.splash-button, .folio-button) { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-block-size: var(--control-height); padding: var(--space-3) var(--space-4); border: 1px solid var(--color-brand); border-radius: var(--radius-sm); background: var(--color-brand); color: var(--color-text-inverse); font-size: var(--type-label); font-weight: 600; text-decoration: none; }
.mc-ui :is(.splash-text-action, .folio-text-link) { display: inline-flex; align-items: center; min-block-size: var(--control-height); font-size: var(--type-label); }
.mc-ui .splash-recommendation { padding: clamp(1.5rem, 3vw, 2.5rem); border-inline-start: 3px solid var(--color-brand); background: var(--color-bg-subtle); }
.mc-ui .lc-practice-label { margin-block-end: var(--space-3); color: var(--color-text-secondary); font-size: var(--type-caption); }
.mc-ui .splash-recommendation__description { margin-block-start: var(--space-3); max-inline-size: var(--layout-prose); }
.mc-ui .splash-recommendation__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-6); margin-block-start: var(--space-5); }
.mc-ui .splash-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--color-border); }
.mc-ui .splash-metric { padding: var(--space-5) var(--space-6); border-inline-end: 1px solid var(--color-border); }
.mc-ui .splash-metric:first-child { padding-inline-start: 0; }
.mc-ui .splash-metric:last-child { padding-inline-end: 0; border: 0; }
.mc-ui .splash-metric dt { color: var(--color-text-secondary); font-size: var(--type-label); }
.mc-ui .splash-metric dd { margin: var(--space-2) 0 0; font-size: var(--type-h1); font-weight: 600; line-height: 1.2; }
.mc-ui .splash-metric .lc-metric-note { font-size: var(--type-caption); font-weight: 400; line-height: var(--leading-body); color: var(--color-text-secondary); }
.mc-ui .lc-metric-note small { font-size: inherit; }
.mc-ui .splash-plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--layout-gap); }
.mc-ui :is(.splash-plan-card, .splash-resume-card) { min-inline-size: 0; }
.mc-ui .splash-plan-grid h2, .mc-ui .splash-section-head h2, .mc-ui .folio-section h2 { font-size: var(--type-h3); }
.mc-ui .splash-card-head, .mc-ui .splash-section-head, .mc-ui .folio-section-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-3); margin-block-end: var(--space-4); }
.mc-ui .lc-daily-progress { display: block; inline-size: 100%; block-size: .5rem; margin-block: var(--space-4); border: 0; border-radius: 0; accent-color: var(--color-brand); background: var(--color-border); }
.mc-ui .lc-daily-progress::-webkit-progress-bar { background: var(--color-border); }
.mc-ui .lc-daily-progress::-webkit-progress-value { background: var(--color-brand); }
.mc-ui .lc-daily-progress::-moz-progress-bar { background: var(--color-brand); }
.mc-ui :is(.splash-plan-copy, .splash-resume-card p) { margin-block-start: var(--space-3); color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-ui .splash-plan-date { margin-block-start: var(--space-2); color: var(--color-text-secondary); font-size: var(--type-caption); }
.mc-ui .splash-plan-streak { color: var(--color-success); }
.mc-ui .splash-plan-edit { margin-block-start: var(--space-2); }
.mc-ui .splash-resume-card .splash-button { margin-block-start: var(--space-4); }
.mc-ui .splash-button--ghost { border-color: var(--color-border-strong); color: var(--color-text); background: var(--color-surface); }
.mc-ui .splash-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--layout-gap); }
.mc-ui .splash-secondary a { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--space-1) var(--space-3); padding-block: var(--space-4); border-block: 1px solid var(--color-border); text-decoration: none; }
.mc-ui .splash-secondary span { grid-column: 1; color: var(--color-text-secondary); font-size: var(--type-caption); }
.mc-ui .splash-secondary b { grid-area: 1 / 2 / 3; }
.mc-ui .splash-systems__meta { color: var(--color-text-secondary); font-size: var(--type-caption); }
.mc-ui .splash-system-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--layout-gap); }
.mc-ui .splash-system-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: var(--space-1) var(--space-3); padding-block: var(--space-4); border-block-end: 1px solid var(--color-border); text-decoration: none; }
.mc-ui .splash-system-card strong { grid-column: 1 / -1; color: var(--color-text); font-size: var(--type-label); }
.mc-ui .splash-system-card span { color: var(--color-text-secondary); font-size: var(--type-caption); }
.mc-ui .splash-system-card__accuracy { text-align: end; }
.mc-ui .splash-system-card__accuracy.is-good { color: var(--color-success); }
.mc-ui .folio-row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-5); padding-block: var(--space-4); border-block-end: 1px solid var(--color-border); text-decoration: none; }
.mc-ui .folio-row h3 { color: var(--color-brand); font-size: var(--type-label); }
.mc-ui .folio-row p { margin-block-start: var(--space-1); max-inline-size: 65ch; font-size: var(--type-caption); color: var(--color-text-secondary); }
.mc-ui .folio-row p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.mc-ui .folio-row__value { flex: 0 0 auto; text-align: end; }
.mc-ui .folio-row__value strong, .mc-ui .folio-row__value time { display: block; font-size: var(--type-caption); color: var(--color-text-secondary); }
.mc-ui .splash-arena-entry { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); padding-block: var(--space-5); border-block: 1px solid var(--color-border); }
.mc-ui .splash-arena-entry h2 { font-size: var(--type-h3); }
.mc-ui .splash-arena-entry p { margin-block-start: var(--space-2); font-size: var(--type-body-sm); color: var(--color-text-secondary); }
.mc-ui .splash-arena-entry__action { display: inline-flex; align-items: center; min-block-size: var(--control-height); flex-shrink: 0; font-size: var(--type-label); }
.mc-ui .study-directory__group + .study-directory__group { margin-block-start: var(--space-10); }
.mc-ui .study-directory__heading { padding-block-end: var(--space-5); border-block-end: 1px solid var(--color-border-strong); }
.mc-ui .study-directory__heading h2 { font-size: var(--type-h3); }
.mc-ui .study-directory__heading p { margin-block-start: var(--space-2); color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-ui .study-row { display: flex; align-items: flex-start; gap: var(--space-5); padding-block: var(--space-6); border-block-end: 1px solid var(--color-border); text-decoration: none; }
.mc-ui .study-row > div { flex: 1; min-inline-size: 0; }
.mc-ui .led-name { color: var(--color-text); font-size: var(--type-h3); line-height: 1.4; }
.mc-ui .led-desc { max-inline-size: var(--layout-prose); margin-block-start: var(--space-2); color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-ui .led-desc:empty { display: none; }
.mc-ui .led-val { display: flex; align-items: center; gap: var(--space-3); flex: 0 0 12rem; color: var(--color-text-secondary); font-size: var(--type-caption); }
.mc-ui .lc-resource-mark { display: block; flex: 0 0 1.5rem; padding-block-start: var(--space-1); color: var(--color-text-secondary); }
.mc-ui .lc-resource-arrow { flex: 0 0 1.125rem; color: var(--color-brand); }
.mc-ui .lc-directory-note { margin-block-start: var(--space-6); color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-ui #review-next:not(:empty) { padding: var(--space-5) 0; margin-block-end: var(--space-6); border-block: 1px solid var(--color-border-strong); }
.mc-ui #review-next h2 { margin-block-end: var(--space-3); font-size: var(--type-h3); }
.mc-ui #review-next a { display: inline-flex; align-items: center; min-block-size: var(--control-height); }
.mc-ui :is(.folio-legal, .av-foot) { margin-block-start: var(--space-10); padding-block-start: var(--space-5); border-block-start: 1px solid var(--color-border); color: var(--color-text-secondary); font-size: var(--type-caption); }
.mc-ui :is(.folio-legal, .av-foot) p { max-inline-size: var(--layout-prose); }
.mc-ui :is(.folio-legal, .av-foot) p + p { margin-block-start: var(--space-2); }
.mc-ui .folio-state { padding: var(--space-6); min-block-size: 16rem; background: var(--color-bg-subtle); }
.mc-ui .folio-state--error { border-inline-start: 3px solid var(--color-error); background: var(--color-error-subtle); }
.mc-ui .folio-state > * + * { margin-block-start: var(--space-4); }
.mc-ui .folio-empty { padding-block: var(--space-5); color: var(--color-text-secondary); font-size: var(--type-body-sm); }
.mc-ui .tnum { font-variant-numeric: tabular-nums; }
@media (hover: hover) and (pointer: fine) {
  .mc-ui .splash-button:hover, .mc-ui .folio-button:hover { background: var(--color-brand-hover); border-color: var(--color-brand-hover); }
  .mc-ui .splash-button--ghost:hover { background: var(--color-bg-subtle); border-color: var(--color-text-secondary); }
  .mc-ui .study-row:hover .led-name, .mc-ui .splash-system-card:hover strong, .mc-ui .folio-row:hover h3, .mc-ui .splash-secondary a:hover strong { color: var(--color-brand); text-decoration: underline; text-underline-offset: .2em; }
}
@media (max-width: 760px) {
  .mc-ui .study-row { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--space-3) var(--space-4); }
  .mc-ui .study-row > div { grid-column: 2; }
  .mc-ui .study-row .led-val { grid-column: 2; justify-content: space-between; }
  .mc-ui:is(.learner-review, .learner-practice) .study-row { grid-template-columns: minmax(0, 1fr); }
  .mc-ui:is(.learner-review, .learner-practice) .study-row > div, .mc-ui:is(.learner-review, .learner-practice) .study-row .led-val { grid-column: 1; }
  .mc-ui .splash-plan-grid, .mc-ui .splash-system-grid { grid-template-columns: minmax(0, 1fr); }
  .mc-ui .splash-plan-grid { gap: var(--space-6); }
  .mc-ui .splash-resume-card { padding-block-start: var(--space-6); border-block-start: 1px solid var(--color-border); }
  .mc-ui .splash-metric { padding: var(--space-4) var(--space-3); }
  .mc-ui .splash-metric dt { min-block-size: 2.75em; font-size: var(--type-caption); }
  .mc-ui .splash-metric dd { font-size: var(--type-h2); }
  .mc-ui .splash-metric .lc-metric-note { font-size: var(--type-caption); }
  .mc-ui .folio-row { flex-wrap: wrap; gap: var(--space-2); }
  .mc-ui .folio-row__value { display: flex; gap: var(--space-3); text-align: start; }
}
@media (max-width: 430px) {
  .mc-ui .splash-secondary { grid-template-columns: 1fr; gap: 0; }
  .mc-ui .splash-secondary a + a { border-block-start: 0; }
  .mc-ui .splash-arena-entry { flex-wrap: wrap; gap: var(--space-2); }
  .mc-ui .splash-metric .lc-metric-note { display: none; }
}

.mc-ui.learner-practice .av-focus { margin-block-end: var(--space-8); padding: clamp(1.5rem, 3vw, 2.5rem); border-inline-start: 3px solid var(--color-brand); background: var(--color-bg-subtle); }
.mc-ui.learner-practice .vd-meta { color: var(--color-text-secondary); font: 500 var(--type-caption)/var(--leading-body) var(--font-body); }
.mc-ui.learner-practice .av-focus .vd-meta { margin-block-end: var(--space-3); }
.mc-ui.learner-practice .av-next-desc { margin-block-start: var(--space-3); max-inline-size: var(--layout-prose); }
.mc-ui.learner-practice .av-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); margin-block-start: var(--space-5); }
.mc-ui.learner-practice .av-actions a { min-block-size: var(--control-height); display: inline-flex; align-items: center; }
.mc-ui.learner-practice #focus-cta { margin-block-start: var(--space-5); }
.mc-ui.learner-practice .study-row.is-coming-soon .led-name { color: var(--color-text-secondary); }