#account-courses{margin:24px 0;border:1px solid #527aa6;border-radius:20px;padding:20px;scroll-margin-top:20px}
#account-courses h3,#account-courses h4{margin:0 0 16px;overflow-wrap:anywhere}
.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.course-tile{min-width:0;padding:18px;background:#0b203d;border:1px solid #385474;border-radius:14px}
.course-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.course-stats>div{min-width:0;padding:12px;background:#0b203d;border-radius:12px}
.course-stats dt{font-size:13px;color:#bfd0e8;overflow-wrap:anywhere}.course-stats dd{margin:8px 0 0;font-size:24px;font-weight:700}
.course-today,.course-plan{margin-top:16px;padding:16px;background:#0b203d;border:1px solid #385474;border-radius:16px}
.course-today h4,.course-plan h4{margin-bottom:12px!important}
.today-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}
.today-stats>div{min-width:0;padding:10px;border:1px solid #385474;border-radius:12px}
.today-stats dt{min-height:34px;font-size:12px;color:#bfd0e8;overflow-wrap:anywhere}.today-stats dd{margin:5px 0 0;font-size:21px;font-weight:700}
.course-plan-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.course-plan-field{min-width:0}.course-plan-field label{display:block;margin:0 0 6px}.course-plan-field input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;font:inherit;font-size:16px}
#course-plan-status{min-height:1.4em;margin-bottom:0}
#account-courses button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
html[data-design] :is(.course-today,.course-plan){background:linear-gradient(145deg,var(--surface),var(--soft));border-color:var(--line);box-shadow:0 7px 14px var(--cast-shadow)}
html[data-design] .today-stats>div{background:var(--soft);border-color:var(--line)}html[data-design] .today-stats dt{color:var(--muted)}
html[data-design] .course-plan-field input{background:var(--surface);color:var(--ink);border-color:var(--line)}
@media(max-width:600px){#account-courses{padding:14px}#account-courses .row>button{width:100%}.course-stats{gap:6px}.course-stats>div{padding:10px}.today-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.course-plan-fields{grid-template-columns:1fr}.course-today,.course-plan{padding:14px}}