/* Student panels: calm mint surfaces, illustrated learning card and clear next steps. */
#dashboard-screen .lower{gap:14px;grid-template-columns:1.12fr 1fr 1fr}
#dashboard-screen .lower>.panel{border:1px solid #cfe8e9;border-radius:18px;box-shadow:0 6px 22px #173e5210;background:#fff}
#dashboard-screen .lower .panel-head{padding:12px 15px;border-bottom:1px solid #e4f0f1;min-height:45px}
#dashboard-screen .lower .panel-head h2{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;letter-spacing:-.35px;margin:0}
.student-panel-icon{width:22px;height:22px;flex:none;stroke:#00a5a8;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.student-pace{font-size:10px;line-height:1.4;background:#e5f8f5;color:#009797;border-radius:5px;padding:4px 8px;white-space:nowrap}
#dashboard-screen .lower .panel-head button{color:#008e98;font-size:11px}
#student-resume{padding:11px;overflow:auto;display:block}
.student-resume-layout{display:grid;grid-template-columns:minmax(95px,29%) minmax(0,1fr);gap:14px;min-height:100%;height:100%}
.student-resume-visual{position:relative;min-height:170px;border-radius:12px;overflow:hidden;background:#116e83;isolation:isolate}
.student-resume-visual svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.student-resume-visual:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#062b3bdb)}
.student-resume-visual>span{position:absolute;z-index:1;bottom:15px;right:12px;left:10px;color:white;font-size:16px;line-height:1.5;font-weight:700}
.student-resume-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:1px 0}
#student-resume .pill{display:inline-flex;align-self:flex-start;width:auto;max-width:100%;border-radius:5px;color:#009c9f;background:#e5f9f6;font-size:9px;font-weight:600;line-height:1.4;padding:4px 7px;margin:0 0 8px}
#student-resume h3{font-size:clamp(16px,1.25vw,23px);font-weight:700;letter-spacing:-.4px;line-height:1.35;margin:0 0 7px;color:#102f53}
#student-resume p{font-size:12px;line-height:1.6;color:#7187a0;margin:0 0 8px}
.student-resume-guide{padding:9px 11px;background:#eff9f7;border:1px solid #d8eeeb;border-right:3px solid #b2dfd8;border-radius:8px;width:100%;margin:2px 0 8px}
.student-resume-guide>span{display:block;font-size:10px;color:#008f99;font-weight:700;margin-bottom:3px}
#student-resume .student-resume-guide p{margin:0;font-size:11px;line-height:1.5;color:#4a7084}
#student-resume .button{order:3;margin-top:auto;width:100%;padding:10px 9px;border-radius:10px;min-height:36px;background:linear-gradient(110deg,#0eb9ab,#079ba8);color:#fff;font-weight:600;font-size:12px;box-shadow:0 4px 10px #00a6a31a;transition:filter .18s,transform .18s}
#student-resume .button:hover{filter:brightness(1.04);transform:translateY(-1px)}
#student-resume .student-first-note{margin:0 0 7px;color:#8293ac;font-size:10px;line-height:1.45}
#dashboard-screen .student-course-list{padding:10px;gap:8px}
.student-course-list .student-course-item{position:relative;padding:11px 47px 11px 13px!important;border-radius:11px;border:1px solid #dfeded;min-height:57px;transition:transform .18s,border-color .18s,box-shadow .18s;flex-shrink:0;background:#f2faff}
.student-course-list .student-course-item:nth-child(3n+2){background:#f0faf5}
.student-course-list .student-course-item:nth-child(3n){background:#fff8e9}
.student-course-list .student-course-item:before{content:"";position:absolute;right:11px;top:50%;transform:translateY(-50%);width:26px;height:31px;border-radius:6px;background:#d0eeeb;box-shadow:inset -4px 0 #0da6a45c}
.student-course-list .student-course-item:after{content:"‹";position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#00929a;font-size:21px}
.student-course-list .student-course-item:hover{transform:translateY(-1px);border-color:#91d5cf;box-shadow:0 3px 10px #123f5210}
.student-course-list .student-course-item strong{font-size:13px;line-height:1.4;font-weight:600;display:block;padding-left:10px;color:#173752}
.student-course-list .student-course-item small{font-size:10px;color:#7a8da5;line-height:1.4;margin-top:4px;padding-left:8px}
.student-recommend-tag{float:none;display:block;font-size:8px;color:#008e94;margin:0 0 3px;line-height:1.3}
#dashboard-screen .student-systems{padding:10px;gap:9px}
#dashboard-screen .student-systems .topic{background:linear-gradient(110deg,#f2fafb,#f7fcfc);border:1px solid #deeeee;border-radius:12px;padding:12px;gap:11px;transition:border-color .18s,transform .18s;min-height:72px}
#dashboard-screen .student-systems .topic:nth-child(2){background:linear-gradient(110deg,#f3f5ff,#fafbff)}
#dashboard-screen .student-systems .topic:hover{border-color:#91d5cf;transform:translateY(-1px)}
#dashboard-screen .student-systems .tile-icon{width:38px;height:38px;background:#e0f5f1;color:#00a294;border-radius:10px;flex:none;font-size:24px}
#dashboard-screen .student-systems strong{font-size:14px;font-weight:600}
#dashboard-screen .student-systems small{font-size:10px;line-height:1.5;color:#7b8da7}
@media(min-width:1101px) and (max-height:800px){
 #dashboard-screen .lower .panel-head{padding:8px 12px;min-height:37px}
 #dashboard-screen .lower .panel-head h2{font-size:16px}
 .student-resume-layout{gap:10px;grid-template-columns:minmax(75px,27%) minmax(0,1fr)}
 .student-resume-visual{min-height:145px}.student-resume-visual>span{font-size:13px;right:9px;bottom:12px}
 #student-resume{padding:8px}#student-resume h3{font-size:16px;margin-bottom:5px}#student-resume p{font-size:10px;margin-bottom:5px}
 .student-resume-guide{padding:6px 8px;margin-bottom:5px}#student-resume .student-resume-guide p{font-size:10px}
 #student-resume .pill{font-size:8px;margin-bottom:5px}#student-resume .student-first-note{font-size:9px;margin-bottom:5px}
 #student-resume .button{padding:7px;font-size:11px;min-height:30px}
 .student-course-list .student-course-item{padding-top:7px!important;padding-bottom:7px!important;min-height:48px}
 .student-course-list .student-course-item strong{font-size:11px}.student-course-list .student-course-item small{font-size:9px;margin-top:2px}
 #dashboard-screen .student-systems .topic{min-height:60px;padding:9px}
}
@media(max-width:1100px){#dashboard-screen .lower{grid-template-columns:1fr 1fr}#dashboard-screen .lower>.panel:last-child{grid-column:1/-1}#dashboard-screen .student-systems{display:grid;grid-template-columns:1fr 1fr}.student-resume-layout{height:auto;min-height:235px}}
@media(max-width:700px){#dashboard-screen .lower{grid-template-columns:1fr}#dashboard-screen .lower>.panel:last-child{grid-column:auto}.student-resume-layout{grid-template-columns:28% minmax(0,1fr);gap:12px;min-height:240px}#student-resume h3{font-size:21px}#student-resume p{font-size:12px}.student-resume-visual>span{font-size:14px}#dashboard-screen .lower .panel-head h2{font-size:18px}#dashboard-screen .student-systems{grid-template-columns:1fr}.student-course-list .student-course-item{padding:13px 51px 13px 15px!important}.student-course-list .student-course-item strong{font-size:14px}.student-course-list .student-course-item small{font-size:11px}}
/* Keep the three starter cards and the primary action visible in fitted desktop layouts. */
@media(min-width:1101px){
 #student-resume{overflow:hidden}
 .student-resume-layout{min-height:0}
 .student-resume-visual,.student-resume-body{min-height:0}
 #student-resume .student-resume-body>.student-first-note{display:none}
 #student-resume .student-resume-body>.button{flex-shrink:0;margin-top:auto}
 #student-resume .student-resume-body>.pill{flex-shrink:0}
 #student-resume .student-resume-guide{padding:7px 9px;margin:0 0 7px}
 #student-resume .student-resume-guide p{font-size:10px;line-height:1.4}
 #student-resume .student-resume-body>p{font-size:11px;line-height:1.4;margin-bottom:7px}
 #student-courses:has(.student-recommended){display:grid;grid-template-rows:repeat(3,minmax(0,1fr));overflow:hidden;gap:7px}
 #student-courses .student-recommended{min-height:0;padding-top:6px!important;padding-bottom:6px!important;display:flex;flex-direction:column;justify-content:center}
 #student-courses .student-recommended strong{font-size:11px;line-height:1.3}
 #student-courses .student-recommended small{font-size:9px;line-height:1.3;margin-top:3px}
 #student-courses .student-recommend-tag{font-size:8px;margin-bottom:2px}
}