.progress-dashboard { margin-block-start: 1.5rem; border: 1px solid var(--color-border); border-radius: var(--radius-large); background: var(--color-surface); box-shadow: var(--shadow-card); padding: clamp(1rem, 3vw, 1.5rem); }
.progress-heading { display: flex; gap: 1rem; align-items: end; justify-content: space-between; flex-wrap: wrap; }
.progress-heading h2, .progress-section h3 { margin-block-end: .5rem; }
.progress-updated, .progress-notice, .progress-card__meta { color: var(--color-text-muted); }
.progress-updated { font-size: .9rem; }
.progress-notice { min-block-size: 1.5rem; }
.progress-notice[data-state="error"] { color: var(--color-error); font-weight: 700; }
.progress-summary-grid, .progress-module-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: 1rem; }
.progress-card, .progress-recommendation, .progress-activity__item { min-inline-size: 0; border: 1px solid var(--color-border); border-radius: var(--radius-medium); background: var(--color-surface-alt); padding: 1rem; }
.progress-card h4, .progress-recommendation h3 { margin-block-start: 0; }
.progress-stat { margin: .25rem 0; color: var(--color-primary); font-family: var(--font-display); font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 800; line-height: 1.1; }
.progress-meter { inline-size: 100%; block-size: .7rem; overflow: hidden; border: 0; border-radius: var(--radius-pill); background: var(--color-border); accent-color: var(--color-primary); }
.progress-meter::-webkit-progress-bar { border-radius: inherit; background: var(--color-border); }
.progress-meter::-webkit-progress-value { border-radius: inherit; background: var(--color-primary); }
.progress-meter::-moz-progress-bar { border-radius: inherit; background: var(--color-primary); }
.progress-recommendation { margin-block: 1rem; border-inline-start: .3rem solid var(--color-accent); }
.progress-section { margin-block-start: 1.5rem; }
.progress-module-list { display: grid; gap: .35rem; margin: 0; }
.progress-module-list div { display: flex; justify-content: space-between; gap: 1rem; }
.progress-module-list dd { margin: 0; text-align: end; }
.progress-activity { display: grid; gap: .75rem; }
.progress-activity__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .25rem 1rem; }
.progress-activity__item p { margin: 0; }
.progress-empty { color: var(--color-text-muted); }
.module-access-note { margin-block: 1rem 0; color: var(--color-error); font-weight: 700; }
.module-access-retry { margin-block-start: 1rem; }
.module-summary dd[data-state="unavailable"] { color: var(--color-error); }
@media (min-width: 64rem) { .dashboard-grid--learning { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 29.99rem) { .progress-heading { align-items: start; } .progress-activity__item { grid-template-columns: 1fr; } }