/* Shared course delivery/format presentation. */
/* Unified course delivery model */
.msid-course-format-fields{ display: contents; }
.msid-course-format-field[hidden]{ display: none; }
.msid-course-format-field label{ display: block; margin-bottom: .42rem; font-weight: 750; }
.msid-course-format-field input,.msid-course-format-field select{ width: 100%; }
.course-editorial-format{ display: flex; flex-wrap: wrap; gap: .4rem; margin: .65rem 0 0; }
.course-editorial-format span{ display: inline-flex; align-items: center; min-height: 28px; padding: .3rem .58rem; border-radius:var(--msid-radius-pill); background: var(--msid-surface-soft); color: var(--msid-text-secondary); font-size:var(--msid-type-ui); font-weight: 750; line-height: 1.2; }
.course-format-detail-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.course-format-detail{ padding: .9rem 1rem; border: 1px solid var(--msid-border, var(--msid-surface-soft)); border-radius:var(--msid-radius-control); background: var(--msid-white); }
.course-format-detail span{ display: block; margin-bottom: .25rem; color: var(--msid-muted); font-size:var(--msid-type-ui); }
.course-format-detail strong{ display: block; color: var(--msid-ink); font-size:var(--msid-type-body-sm); line-height: 1.5; }
@media (max-width: 720px) { .course-format-detail-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .course-format-detail-grid{ grid-template-columns: 1fr; } }