/* Purchased courses: clear course summaries with compact lesson rows. */
.student-top-layout #viewOverview .learning-workspace .purchased-panel{padding:0;border:0;background:transparent;box-shadow:none}
#viewOverview .learning-workspace .purchased-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
#viewOverview .learning-workspace .purchased-heading h3{margin:0;color:#252a28;font-size:20px;font-weight:600}
#viewOverview .learning-workspace .purchased-heading>span{font-size:13px;color:#7c8780}
#viewOverview .learning-workspace .purchased-course-list{display:grid;gap:16px}
#viewOverview .learning-workspace .purchased-course{padding:0;margin:0;border:0;border-radius:16px;background:#fff;box-shadow:0 4px 20px rgba(37,61,47,.055);overflow:hidden}
#viewOverview .learning-workspace .purchased-course>summary{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;align-items:center;gap:32px;padding:24px 28px;background:#fff;transition:background .15s ease}
#viewOverview .learning-workspace .purchased-course>summary:hover{background:#fafcf9}
#viewOverview .learning-workspace .purchased-course>summary:focus-visible{outline-offset:-3px;border-radius:16px}
#viewOverview .learning-workspace .purchased-course-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
#viewOverview .learning-workspace .purchased-course-meta>span{font-size:12px;line-height:20px;color:#66766b;background:#eef3ee;border-radius:5px;padding:0 7px}
#viewOverview .learning-workspace .purchased-course-info h4{font-size:17px;line-height:1.6;font-weight:600;color:#253d31;margin:0;overflow-wrap:anywhere}
#viewOverview .learning-workspace .purchased-progress{min-width:0}
#viewOverview .learning-workspace .purchased-progress-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;color:#7a867e;margin-bottom:8px}
#viewOverview .learning-workspace .purchased-progress-label strong{font-size:22px;line-height:1.2;color:#28554a;font-weight:600;font-variant-numeric:tabular-nums}
#viewOverview .learning-workspace .purchased-progress-label small{font-size:12px;margin-left:2px;font-weight:400}
#viewOverview .learning-workspace .overview-progress{height:5px;border-radius:6px;background:#e9eeea;overflow:hidden;margin:0}
#viewOverview .learning-workspace .overview-progress i{display:block;height:100%;border-radius:inherit;background:#6c9482}
#viewOverview .learning-workspace .purchased-progress-count{display:block;margin-top:7px;font-size:11px;color:#8a948d}
#viewOverview .learning-workspace .purchased-course-action{display:flex;align-items:center;gap:12px;margin:0;color:#6e7e73;font-size:12px;font-weight:400;white-space:nowrap}
#viewOverview .learning-workspace .purchased-course[open] .purchased-course-action span{transform:none}
#viewOverview .learning-workspace .purchased-chevron{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #dce5df;border-radius:9px;background:#fff;color:#28554a;box-sizing:border-box}
#viewOverview .learning-workspace .purchased-chevron svg{transition:transform .15s ease}
#viewOverview .learning-workspace .purchased-course[open] .purchased-chevron svg{transform:rotate(180deg)}
#viewOverview .learning-workspace .purchased-course[open]>summary{background:#f1f6f1}
#viewOverview .learning-workspace .purchased-lessons{margin:0 28px;padding-bottom:8px;border-top:1px solid #e5ebe5}
#viewOverview .learning-workspace .purchased-lessons-heading{display:flex;justify-content:space-between;padding:17px 0 8px;font-size:12px;color:#879289}
#viewOverview .learning-workspace .purchased-lesson{padding:14px 0;gap:16px;border-bottom:1px solid #edf0ec}
#viewOverview .learning-workspace .purchased-lesson:last-child{border-bottom:0}
#viewOverview .learning-workspace .purchased-lesson-index{width:32px;flex:none;color:#9aa69c;font-size:12px;font-variant-numeric:tabular-nums}
#viewOverview .learning-workspace .purchased-lesson-info{flex:1;min-width:0}
#viewOverview .learning-workspace .purchased-lesson-info b{font-size:14px;font-weight:500;color:#35443a;line-height:1.6}
#viewOverview .learning-workspace .purchased-lesson-info>span{font-size:12px;color:#8a948d;margin-top:4px}
#viewOverview .learning-workspace .purchased-lesson a{display:inline-flex;justify-content:center;align-items:center;min-height:32px;padding:5px 12px;border:1px solid #dce5df;border-radius:9px;background:#fff;color:#28554a;font-size:12px;box-sizing:border-box;text-decoration:none;transition:background .15s ease}
#viewOverview .learning-workspace .purchased-lesson a:hover{background:#edf4ee;border-color:#b9ccbf}
#viewOverview .learning-workspace .purchased-lesson a:focus-visible{outline:2px solid #709580;outline-offset:2px}
#viewOverview .learning-workspace .purchased-lesson a.purchased-live-link{background:#28554a;color:#fff;border-color:#28554a}
#viewOverview .learning-workspace .purchased-lesson a.purchased-live-link:hover{background:#21483e}
#viewOverview .learning-workspace .purchased-pending{font-size:12px;color:#98a198;padding:5px 0}
#viewOverview .learning-workspace .purchased-empty-lessons{padding:24px 0;font-size:13px;color:#879289}
#viewOverview .learning-workspace .purchased-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;padding:32px 20px;background:#fff;border-radius:16px;text-align:center;box-shadow:0 4px 20px rgba(37,61,47,.055)}
#viewOverview .learning-workspace .purchased-empty-icon{width:52px;height:52px;display:grid;place-items:center;color:#709080;background:#eef3ee;border-radius:14px;margin-bottom:18px}
#viewOverview .learning-workspace .purchased-empty-icon svg{width:28px;height:28px}
#viewOverview .learning-workspace .purchased-empty strong{font-size:16px;color:#35443a;font-weight:500}
#viewOverview .learning-workspace .purchased-empty p{font-size:13px;color:#8a948d;line-height:1.8;margin:10px 0 0}
@media(max-width:800px){#viewOverview .learning-workspace .purchased-course>summary{grid-template-columns:minmax(0,1fr) 150px;gap:18px;padding:20px}#viewOverview .learning-workspace .purchased-course-action{grid-column:1/-1;justify-content:flex-end}#viewOverview .learning-workspace .purchased-lessons{margin:0 20px}#viewOverview .learning-workspace .purchased-course-info h4{font-size:16px}}
@media(max-width:520px){#viewOverview .learning-workspace .purchased-course>summary{grid-template-columns:minmax(0,1fr) auto;gap:18px}#viewOverview .learning-workspace .purchased-course-info{grid-column:1/-1}#viewOverview .learning-workspace .purchased-progress{grid-column:1}#viewOverview .learning-workspace .purchased-course-action{grid-column:2;grid-row:2}#viewOverview .learning-workspace .purchased-action-label{display:none}#viewOverview .learning-workspace .purchased-lesson{gap:8px}#viewOverview .learning-workspace .purchased-lesson-index{width:22px}#viewOverview .learning-workspace .purchased-lesson a{padding:5px 9px}#viewOverview .learning-workspace .purchased-heading h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){#viewOverview .learning-workspace *{transition:none!important}}
/* A quiet workspace: one overview strip, courses first, schedule alongside. */
.student-top-layout #viewOverview .learning-workspace{max-width:1440px;margin:0 auto;color:#35443a}
#viewOverview .workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}
#viewOverview .workspace-heading h2{font-size:24px;font-weight:600;line-height:1.4;color:#252a28;margin:0}
#viewOverview .workspace-heading p{font-size:13px;color:#879188;margin:7px 0 0}
#viewOverview .workspace-course-center{display:inline-flex;align-items:center;gap:16px;min-height:34px;padding:6px 12px;border:1px solid #dce4dc;border-radius:9px;background:#fff;font:inherit;font-size:12px;color:#52695b;cursor:pointer}
#viewOverview .workspace-course-center:hover{background:#edf3ed}
#viewOverview .workspace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 0;background:#fff;border-radius:14px;margin-bottom:24px;box-shadow:0 3px 16px rgba(37,61,47,.035)}
#viewOverview .workspace-stats>div{padding:0 28px;border-right:1px solid #edf0eb}
#viewOverview .workspace-stats>div:last-child{border:0}
#viewOverview .workspace-stats>div>span{display:block;color:#7c8880;font-size:12px;margin-bottom:8px}
#viewOverview .workspace-stats strong{display:block;color:#253d31;font-weight:600;font-size:28px;line-height:1.3;font-variant-numeric:tabular-nums}
#viewOverview .workspace-stats small{font-size:11px;color:#8a948c;font-weight:400;margin-left:7px}
#viewOverview .workspace-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
#viewOverview .workspace-courses,#viewOverview .workspace-agenda{background:#fff;border-radius:14px;box-shadow:0 3px 16px rgba(37,61,47,.035);min-width:0;overflow:hidden}
#viewOverview .workspace-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #edf0eb}
#viewOverview .workspace-panel-heading h3{font-size:15px;font-weight:600;color:#35483b;margin:0}
#viewOverview .workspace-panel-heading>span{font-size:11px;color:#98a098}
#viewOverview .learning-workspace .purchased-course-list{display:block}
#viewOverview .learning-workspace .purchased-course{border:0;border-radius:0;background:#fff;box-shadow:none;border-bottom:1px solid #edf0eb;overflow:hidden}
#viewOverview .learning-workspace .purchased-course:last-child{border-bottom:0}
#viewOverview .learning-workspace .purchased-course>summary{grid-template-columns:minmax(0,1fr) 130px 32px;gap:24px;padding:22px 24px}
#viewOverview .learning-workspace .purchased-course-info h4{font-size:15px;line-height:1.6}
#viewOverview .learning-workspace .purchased-course-meta>span{background:transparent;padding:0;font-size:11px;color:#8a968d}
#viewOverview .learning-workspace .purchased-course-meta>span+span:before{content:'·';margin-right:7px;color:#b2bab3}
#viewOverview .learning-workspace .purchased-action-label{display:none}
#viewOverview .learning-workspace .purchased-course-action{display:flex;grid-column:auto;grid-row:auto;justify-content:flex-end}
#viewOverview .learning-workspace .purchased-progress-label strong{font-size:19px}
#viewOverview .learning-workspace .purchased-progress-count{font-size:10px}
#viewOverview .learning-workspace .purchased-empty{min-height:240px;border-radius:0;box-shadow:none}
#viewOverview .workspace-agenda-list{padding:0 20px}
#viewOverview .workspace-agenda-item{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #edf0eb}
#viewOverview .workspace-agenda-item:last-child{border:0}
#viewOverview .workspace-agenda-date{width:44px;flex:none;padding-top:1px;font-variant-numeric:tabular-nums}
#viewOverview .workspace-agenda-date>span{display:block;font-size:11px;color:#969b91;margin-bottom:7px}
#viewOverview .workspace-agenda-date strong{font-size:14px;font-weight:500;color:#806d45}
#viewOverview .workspace-agenda-info{min-width:0;flex:1}
#viewOverview .workspace-agenda-info b{display:block;font-size:13px;line-height:1.6;font-weight:500;color:#35483b;overflow-wrap:anywhere}
#viewOverview .workspace-agenda-info>span{display:block;font-size:11px;line-height:1.7;color:#919b93;margin-top:5px;overflow-wrap:anywhere}
#viewOverview .workspace-agenda-info button{border:0;background:transparent;color:#527761;font:inherit;font-size:11px;cursor:pointer;padding:9px 0 0}
#viewOverview .workspace-agenda-info button:hover{color:#28554a;text-decoration:underline;text-underline-offset:3px}
#viewOverview .workspace-agenda-empty{padding:28px 24px}
#viewOverview .workspace-agenda-empty strong{font-size:13px;font-weight:400;color:#748276}
#viewOverview .workspace-agenda-empty p{font-size:12px;color:#9aa298;margin:8px 0 0;line-height:1.8}
@media(max-width:1100px){#viewOverview .workspace-columns{grid-template-columns:minmax(0,1fr) 260px;gap:18px}#viewOverview .learning-workspace .purchased-course>summary{grid-template-columns:minmax(0,1fr) 110px 32px;gap:14px;padding:20px}#viewOverview .workspace-panel-heading{padding:18px 20px}}
@media(max-width:900px){#viewOverview .workspace-columns{grid-template-columns:minmax(0,1fr)}#viewOverview .workspace-agenda-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}#viewOverview .workspace-stats>div{padding:0 20px}}
@media(max-width:520px){#viewOverview .workspace-heading h2{font-size:21px}#viewOverview .workspace-heading{margin-bottom:18px}#viewOverview .workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px;padding:18px 0;margin-bottom:18px}#viewOverview .workspace-stats>div:nth-child(2){border:0}#viewOverview .workspace-stats strong{font-size:24px}#viewOverview .learning-workspace .purchased-course>summary{grid-template-columns:minmax(0,1fr) 32px;gap:16px}#viewOverview .learning-workspace .purchased-course-info{grid-column:1/-1}#viewOverview .learning-workspace .purchased-progress{grid-column:1}#viewOverview .learning-workspace .purchased-course-action{grid-column:2;grid-row:2}#viewOverview .workspace-panel-heading>span{display:none}#viewOverview .workspace-agenda-list{grid-template-columns:minmax(0,1fr)}#viewOverview .learning-workspace .purchased-course-meta{margin-bottom:7px}}
/* Purchase-first hierarchy: class package → subjects → lessons. */
#viewOverview .learning-owned-list{display:grid;gap:0}
#viewOverview .learning-package{border-bottom:1px solid #e8ede7}
#viewOverview .learning-package:last-child{border-bottom:0}
#viewOverview .learning-package>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 150px 32px;align-items:center;gap:22px;padding:22px 24px;cursor:pointer}
#viewOverview .learning-package>summary::-webkit-details-marker{display:none}
#viewOverview .learning-package>summary:hover{background:#f8faf7}
#viewOverview .learning-package>summary:focus-visible{outline:2px solid #729780;outline-offset:-3px}
#viewOverview .learning-package-kind{display:inline-block;color:#486455;background:#eaf1eb;border-radius:5px;font-size:11px;padding:2px 7px;margin-bottom:8px}
#viewOverview .learning-package-info h4{font-size:17px;line-height:1.5;color:#253d31;margin:0 0 6px;font-weight:600}
#viewOverview .learning-package-info p{font-size:12px;line-height:1.6;color:#7a867e;margin:0}
#viewOverview .learning-package[open]>summary{background:#f1f5f0}
#viewOverview .learning-package[open]>summary>.purchased-chevron svg{transform:rotate(180deg)}
#viewOverview .learning-package-subjects{padding:0 16px 12px;background:#f8faf7}
#viewOverview .learning-package-subjects .purchased-course>summary{padding:16px 18px;gap:18px}
#viewOverview .learning-package-subjects .purchased-course-info h4{font-size:14px}
#viewOverview .learning-package-subjects .purchased-course-meta{display:none}
@media(max-width:650px){#viewOverview .learning-package>summary{grid-template-columns:minmax(0,1fr) 32px;padding:18px;gap:12px}#viewOverview .learning-package>summary>.purchased-progress{grid-row:2;grid-column:1/-1}#viewOverview .learning-package>summary>.purchased-chevron{grid-row:1;grid-column:2}}
#viewOverview .workspace-timetable{background:#fff;border-radius:16px;box-shadow:0 4px 20px #253d2f0a;margin-bottom:22px;overflow:hidden}
#viewOverview .timetable-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#viewOverview .timetable-navigation{display:flex;align-items:center;gap:10px;font-size:12px;color:#65756a;font-variant-numeric:tabular-nums}
#viewOverview .timetable-navigation button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 9px;background:#fff;border:1px solid #d8e1da;border-radius:9px;color:#28554a;font:inherit;cursor:pointer}
#viewOverview .timetable-navigation button:hover{background:#eef3ee}
#viewOverview .timetable-navigation button:focus-visible{outline:2px solid #729780;outline-offset:2px}
#viewOverview .timetable-navigation svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#viewOverview .timetable-content{padding:0 24px 16px}
#viewOverview .timetable-day h4{margin:16px 0 3px;font-size:12px;font-weight:500;color:#748078;line-height:1.6}
#viewOverview .timetable-day h4.is-today{color:#28554a;font-weight:600}
#viewOverview .timetable-lesson{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0eb;font-size:12px}
#viewOverview .timetable-day:last-child .timetable-lesson:last-child{border-bottom:0}
#viewOverview .timetable-clock{color:#89754c;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}
#viewOverview .timetable-lesson-info{display:grid;gap:4px;min-width:0}
#viewOverview .timetable-lesson-info strong{font-size:13px;color:#34493c;font-weight:600}
#viewOverview .timetable-lesson-info span,#viewOverview .timetable-status{color:#829087;line-height:1.6}
#viewOverview .timetable-lesson a{color:#28554a;text-decoration:none;padding:7px 10px;border-radius:8px;background:#edf3ee;white-space:nowrap}
#viewOverview .timetable-lesson a.timetable-live{background:#28554a;color:#fff}
#viewOverview .timetable-empty{margin:0;padding:24px 0 12px;font-size:13px;color:#829087}
@media(max-width:600px){#viewOverview .timetable-content{padding:0 16px 12px}#viewOverview .timetable-navigation{gap:6px;font-size:11px}#viewOverview .timetable-lesson{grid-template-columns:46px minmax(0,1fr) auto;gap:8px}}
#viewOverview .workspace-stats-three{grid-template-columns:1fr 1fr 1.5fr}
#viewOverview .workspace-hours-breakdown{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 0;font-size:11px;color:#7c8980;line-height:1.5}
#viewOverview .workspace-hours-breakdown span{display:inline;font-size:inherit;color:inherit}
#viewOverview .workspace-hours-breakdown b{font-weight:500;color:#496251;margin-left:4px;font-variant-numeric:tabular-nums}
@media(max-width:650px){#viewOverview .workspace-stats-three{grid-template-columns:1fr 1fr}#viewOverview .workspace-stats-three>.workspace-hours{grid-column:1/-1;border-left:0;border-top:1px solid #e9eee8;padding-top:16px}#viewOverview .workspace-hours-breakdown{gap:14px}}

#viewOverview .workspace-columns.workspace-courses-only{grid-template-columns:minmax(0,1fr);width:min(100%,960px);margin-bottom:22px}

/* Compact overview, with today's scheduled classes first. */
#viewOverview .workspace-stats-compact{grid-template-columns:1fr 1fr 1fr 1.65fr;padding:16px 0;margin-bottom:18px;align-items:center}
#viewOverview .workspace-stats-compact>div{padding:0 22px}
#viewOverview .workspace-stats-compact>div>span{font-size:11px;margin-bottom:5px}
#viewOverview .workspace-stats-compact strong{font-size:26px;line-height:1.2}
#viewOverview .workspace-stats-compact .workspace-hours-breakdown{margin-top:7px;gap:12px;font-size:10px;line-height:1.4}
@media(max-width:750px){#viewOverview .workspace-stats-compact{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}#viewOverview .workspace-stats-compact>.workspace-hours{grid-column:1/-1;border-top:1px solid #edf0eb;padding-top:12px}#viewOverview .workspace-stats-compact>div:nth-child(3){border-right:0}}
@media(max-width:520px){#viewOverview .workspace-stats-compact>div{padding-left:14px;padding-right:14px}#viewOverview .workspace-stats-compact>div:nth-child(2){border-right:1px solid #edf0eb}#viewOverview .workspace-stats-compact strong{font-size:23px}}

#viewOverview .workspace-stats-compact{grid-template-columns:1.6fr .8fr .8fr 1.4fr;align-items:start}
#viewOverview .workspace-today-list{display:grid;gap:12px;margin-top:10px;max-height:220px;overflow-y:auto;scrollbar-width:thin}
#viewOverview .workspace-today-lesson{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;font-size:11px;line-height:1.6}
#viewOverview .workspace-today-lesson time{font-size:12px;color:#89754c;font-variant-numeric:tabular-nums}
#viewOverview .workspace-today-lesson b{display:block;font-size:12px;font-weight:600;color:#354c3d;line-height:1.6}
#viewOverview .workspace-today-lesson p{margin:3px 0 0;font-size:11px;color:#859187;line-height:1.5}
#viewOverview .workspace-today-lesson a{display:inline-block;margin-top:5px;color:#28554a;font-size:11px;text-decoration:none}
#viewOverview .workspace-today-empty{font-size:12px;color:#859187;margin:10px 0 0}
@media(max-width:1000px){#viewOverview .workspace-stats-compact{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}#viewOverview .workspace-stats-compact>.workspace-today{grid-column:1/-1;border-right:0;border-bottom:1px solid #edf0eb;padding-bottom:14px}#viewOverview .workspace-stats-compact>.workspace-hours{grid-column:auto;border-top:0;padding-top:0}#viewOverview .workspace-today-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#viewOverview .workspace-today-list{grid-template-columns:1fr}#viewOverview .workspace-stats-compact{grid-template-columns:repeat(2,minmax(0,1fr))}#viewOverview .workspace-stats-compact>.workspace-hours{grid-column:1/-1;border-top:1px solid #edf0eb;padding-top:12px}}

/* Separate today's classes from summary metrics, with matching card edges. */
#viewOverview .workspace-overview-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:18px;align-items:stretch;margin-bottom:18px}
#viewOverview .workspace-overview-row>.workspace-today{padding:18px 22px;background:#edf3ee;border-radius:14px;box-shadow:0 3px 16px #253d2f06;min-width:0}
#viewOverview .workspace-overview-row>.workspace-today>span{font-size:12px;color:#586e5f;font-weight:600}
#viewOverview .workspace-summary-card{grid-template-columns:1fr 1fr 1.55fr;margin:0;padding:18px 0;align-items:center;height:100%;box-sizing:border-box}
#viewOverview .workspace-summary-card>div{padding:0 22px}
#viewOverview .workspace-summary-card>div>span{font-size:11px;margin-bottom:5px}
#viewOverview .workspace-summary-card strong{font-size:26px;line-height:1.2}
#viewOverview .workspace-summary-card .workspace-hours-breakdown{font-size:10px;gap:12px;margin-top:7px}
@media(max-width:1000px){#viewOverview .workspace-overview-row{grid-template-columns:1fr}#viewOverview .workspace-overview-row .workspace-today-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#viewOverview .workspace-overview-row .workspace-today-list{grid-template-columns:1fr}#viewOverview .workspace-summary-card{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}#viewOverview .workspace-summary-card>.workspace-hours{grid-column:1/-1;padding-top:12px;border-top:1px solid #edf0eb}#viewOverview .workspace-summary-card>div{padding-left:16px;padding-right:16px}}

#viewOverview .workspace-overview-row{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}
#viewOverview .workspace-overview-row>.workspace-today{padding:14px 18px;border-radius:12px}
#viewOverview .workspace-today-list{margin-top:8px;gap:10px}
#viewOverview .workspace-today-lesson{grid-template-columns:36px minmax(0,1fr);gap:9px}
#viewOverview .workspace-today-class{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:4px}
#viewOverview .workspace-today-class>span{font-size:10px;line-height:1.5;padding:1px 6px;color:#45624e;background:#dfeadf;border-radius:4px}
#viewOverview .workspace-today-lesson b{font-size:12px;line-height:1.5}
#viewOverview .workspace-today-lesson p{margin-top:3px;font-size:10px}
#viewOverview .workspace-today-meta{display:flex;align-items:center;gap:10px;margin-top:4px;color:#859187;font-size:10px;line-height:1.5;flex-wrap:wrap}
#viewOverview .workspace-today-meta a{margin:0;font-size:10px}
#viewOverview .workspace-summary-card{height:auto;align-self:stretch}
@media(max-width:1000px){#viewOverview .workspace-overview-row{grid-template-columns:1fr}#viewOverview .workspace-overview-row>.workspace-today{width:min(100%,340px);box-sizing:border-box}#viewOverview .workspace-overview-row .workspace-today-list{grid-template-columns:1fr}}

#viewOverview .workspace-today-class>span{white-space:normal;overflow-wrap:anywhere;line-height:1.6;font-size:10px;padding:2px 6px}

#viewOverview .workspace-overview-row{grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:16px}
#viewOverview .workspace-overview-row>.workspace-today{padding:12px 15px}
#viewOverview .workspace-today-list{margin-top:7px;gap:9px}
#viewOverview .workspace-today-class{margin-bottom:4px}
#viewOverview .workspace-today-subject{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;line-height:1.5}
#viewOverview .workspace-today-subject b{display:inline;font-size:12px;flex:none}
#viewOverview .workspace-today-subject>span{font-size:10px;color:#819086;line-height:1.5}
#viewOverview .workspace-today-meta{margin-top:5px;gap:10px}
#viewOverview .workspace-today-teacher{display:inline-flex;align-items:center;gap:5px;min-width:0}
#viewOverview .workspace-today-teacher img,#viewOverview .workspace-today-teacher-placeholder{width:22px;height:22px;border-radius:50%;flex:none;object-fit:cover;background:#dce8df;color:#456451;display:inline-flex;align-items:center;justify-content:center;font-size:10px}
@media(max-width:1000px){#viewOverview .workspace-overview-row{grid-template-columns:1fr}#viewOverview .workspace-overview-row>.workspace-today{width:min(100%,310px)}}

/* Fit today's card to its content instead of stretching a fixed grid track. */
#viewOverview .workspace-overview-row{grid-template-columns:fit-content(290px) minmax(0,1fr)}
#viewOverview .workspace-overview-row>.workspace-today{width:fit-content;max-width:290px;min-width:0;box-sizing:border-box;justify-self:start}
#viewOverview .workspace-today-list{width:fit-content;max-width:100%}
@media(max-width:1000px){#viewOverview .workspace-overview-row{grid-template-columns:1fr}#viewOverview .workspace-overview-row>.workspace-today{width:fit-content;max-width:min(100%,290px)}}

#viewOverview .workspace-overview-row{grid-template-columns:300px minmax(0,1fr)}
#viewOverview .workspace-overview-row>.workspace-today{width:300px;max-width:100%}
@media(max-width:1000px){#viewOverview .workspace-overview-row{grid-template-columns:1fr}#viewOverview .workspace-overview-row>.workspace-today{width:300px;max-width:100%}}

#viewOverview .workspace-columns.workspace-with-ranking{width:100%;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-bottom:22px}
#viewOverview .workspace-leaderboard{min-width:0;background:#fff;border-radius:14px;box-shadow:0 4px 20px #253d2f0a;overflow:hidden}
#viewOverview .workspace-leaderboard .workspace-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px}
#viewOverview .workspace-leaderboard .workspace-panel-heading>span{display:block;color:#8a968d;font-size:10px}
#viewOverview .workspace-ranking-list{list-style:none;margin:0;padding:6px 16px}
#viewOverview .workspace-ranking-list li{display:grid;grid-template-columns:20px 30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #edf1eb;font-size:11px}
#viewOverview .workspace-ranking-list li:last-child{border-bottom:0}
#viewOverview .workspace-ranking-list li.is-me{background:#f5f8f2}
#viewOverview .workspace-rank-number{color:#8b988f;text-align:center;font-variant-numeric:tabular-nums}
#viewOverview .workspace-rank-number.is-top{color:#9a8150;font-weight:600}
#viewOverview .workspace-rank-avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:#eaf1e9;color:#52765d;font-size:12px}
#viewOverview .workspace-rank-avatar img{width:100%;height:100%;object-fit:cover}
#viewOverview .workspace-rank-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#41594a}
#viewOverview .workspace-rank-name small{font-size:9px;margin-left:5px;color:#8a9a8c}
#viewOverview .workspace-rank-time{color:#7c8d80;font-size:10px;white-space:nowrap}
#viewOverview .workspace-my-ranking{display:flex;justify-content:space-between;margin:4px 20px 0;padding:13px 0;border-top:1px solid #e8eee6;font-size:11px;color:#7e8d81}
#viewOverview .workspace-my-ranking b{font-weight:500;color:#42604a}
#viewOverview .workspace-ranking-note{font-size:10px;color:#95a093;line-height:1.6;padding:0 20px 16px;margin:0}
#viewOverview .workspace-ranking-empty{padding:30px 20px;text-align:center;color:#8c998e;font-size:12px}
@media(max-width:950px){#viewOverview .workspace-columns.workspace-with-ranking{grid-template-columns:1fr}#viewOverview .workspace-leaderboard{width:min(100%,420px)}}

/* Compact class summaries within My Courses. */
#viewOverview .workspace-courses>.workspace-panel-heading{padding:17px 22px}
#viewOverview .workspace-courses .learning-package>summary{padding:15px 22px;gap:18px;grid-template-columns:minmax(0,1fr) 130px 30px}
#viewOverview .workspace-courses .learning-package-kind{margin-bottom:5px;padding:1px 6px;font-size:10px}
#viewOverview .workspace-courses .learning-package-info h4{font-size:15px;line-height:1.45;margin-bottom:4px}
#viewOverview .workspace-courses .learning-package-info p{font-size:11px;line-height:1.4}
#viewOverview .workspace-courses .learning-package .purchased-progress-label{margin-bottom:5px;font-size:11px}
#viewOverview .workspace-courses .learning-package .purchased-progress-label strong{font-size:20px}
#viewOverview .workspace-courses .learning-package .purchased-progress-count{margin-top:5px;font-size:10px}
#viewOverview .workspace-courses .learning-package .overview-progress{height:4px}
@media(max-width:650px){#viewOverview .workspace-courses .learning-package>summary{grid-template-columns:minmax(0,1fr) 30px;padding:14px 16px;gap:10px}}
/* One progress summary; expanded content is a quiet, compact lesson list. */
#viewOverview .workspace-courses .learning-package[open]>summary{background:#fff}
#viewOverview .learning-package-subjects{background:#fafbf8;padding:0 22px 10px;border-top:1px solid #e8eee5}
#viewOverview .learning-subject-row{border-bottom:1px solid #e6ece3}
#viewOverview .learning-subject-row:last-child{border:0}
#viewOverview .learning-subject-row>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;color:#526b58}
#viewOverview .learning-subject-row>summary::-webkit-details-marker{display:none}
#viewOverview .learning-subject-row>summary b{font-size:12px;font-weight:600;flex:1}
#viewOverview .learning-subject-row>summary span{font-size:10px;color:#89968b}
#viewOverview .learning-subject-row>summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#viewOverview .learning-subject-row[open]>summary svg{transform:rotate(180deg)}
#viewOverview .learning-subject-row>summary:focus-visible{outline:2px solid #8da994;outline-offset:1px}
#viewOverview .learning-compact-lessons{padding:2px 0}
#viewOverview .learning-compact-lesson{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e9eee5;font-size:11px}
#viewOverview .learning-compact-lesson:last-child{border-bottom:0}
#viewOverview .learning-compact-index{font-size:10px;color:#a0aa9e;font-variant-numeric:tabular-nums}
#viewOverview .learning-compact-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
#viewOverview .learning-compact-title b{font-size:12px;font-weight:500;color:#425a48;line-height:1.6}
#viewOverview .learning-compact-title time{font-size:10px;color:#919d8f;line-height:1.6;font-variant-numeric:tabular-nums}
#viewOverview .learning-compact-lesson a{font-size:10px;color:#28554a;text-decoration:none;background:#eaf1e8;border-radius:6px;padding:5px 8px;white-space:nowrap}
#viewOverview .learning-compact-pending{font-size:10px;color:#9aa496}
@media(max-width:650px){#viewOverview .learning-package-subjects{padding-left:16px;padding-right:16px}#viewOverview .learning-compact-title{display:grid;gap:2px}#viewOverview .learning-compact-lesson{gap:8px}}