#dashboardMyCourses { margin:16px 0; padding:16px; }
#dashboardMyCourses > .dashboard-section-heading { margin-bottom:12px; }
#dashboardCourseList,.my-course-card,#dashboardCourseAdmin { min-width:0; }
#dashboardCourseList { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; align-items:stretch; }
#dashboardCourseList:not(:has(.my-course-card)) { display:block; }
#dashboardCourseList > p { margin:0 0 8px; }
.my-course-card { display:flex; flex-direction:column; padding:16px; border:1px solid #bdcbd1; border-radius:10px; background:#fff; overflow-wrap:anywhere; }
.my-course-card .dashboard-kicker { margin:0 0 6px; }
.my-course-card h3 { margin:0 0 8px; font-size:1rem; line-height:1.3; }
.my-course-card p:not(.dashboard-kicker) { margin:0 0 8px; font-size:.78rem; line-height:1.45; }
.my-course-card > strong { margin:2px 0 6px; font-size:.8rem; line-height:1.4; }
.my-course-card progress { display:block; width:100%; height:6px; margin:0 0 14px; accent-color:#102638; }
.course-card-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; margin:4px 8px 4px 0; background:#102638; color:#fff; border-radius:6px; text-decoration:none; }
.my-course-card .course-card-link { width:100%; box-sizing:border-box; margin:auto 0 0; padding:10px 12px; font-size:.8rem; line-height:1.4; text-align:center; }
.course-card-link:focus-visible { outline:3px solid #809600; outline-offset:3px; }
#dashboardCourseAdmin { margin-top:12px; padding:12px; background:#eef3f5; border-radius:10px; }
#dashboardCourseAdmin:not([hidden]) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 12px; align-items:center; }
#dashboardCourseAdmin h3 { grid-column:1 / -1; margin:0; font-size:.9rem; }
#dashboardCourseAdmin p { grid-column:1 / -1; margin:0 0 4px; font-size:.78rem; line-height:1.4; }
#dashboardCourseAdmin .course-card-link { margin:0; padding:10px 12px; font-size:.8rem; text-align:center; }
@media(min-width:640px) {
 #dashboardCourseList { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #dashboardCourseAdmin:not([hidden]) { grid-template-columns:minmax(0,1fr) auto auto; gap:4px 12px; }
 #dashboardCourseAdmin h3 { grid-column:1; grid-row:1; }
 #dashboardCourseAdmin p { grid-column:1; grid-row:2; margin:0; }
 #dashboardCourseAdmin .course-card-link { grid-row:1 / span 2; }
 #dashboardCourseAdmin .course-card-link:first-of-type { grid-column:2; }
 #dashboardCourseAdmin .course-card-link:last-of-type { grid-column:3; }
}
@media(min-width:960px) { #dashboardCourseList { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:1280px) { #dashboardCourseList { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:600px) { .course-card-link { display:flex; margin-right:0; width:100%; box-sizing:border-box; } }