.learning-overview{display:flex;align-items:baseline;gap:9px;margin:18px 0 23px;padding:14px 16px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
.learning-overview strong{font-size:25px;color:var(--green)}.learning-overview span{font-size:14px}.learning-overview small{margin-left:auto;font-size:11px;color:var(--muted)}
.progress-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.shared-progress-card{min-width:0;padding:17px 18px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
.progress-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.progress-card-heading h2{font-size:17px;margin:4px 0}.progress-card-heading small{font-size:10px;color:var(--muted)}.progress-card-heading .text-btn{white-space:nowrap;font-size:12px}
.section-progress{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 11px}.section-progress-item{display:flex;gap:6px;align-items:center;padding:6px 9px;background:transparent;border:1px solid var(--line);border-radius:5px;font-size:12px;color:var(--muted)}.section-progress-item.done{border-color:#94b7a9;color:var(--green);background:var(--soft)}
.progress-practice{font-size:11px;color:var(--muted);line-height:1.7;margin:0}
.validation-detail{margin:13px 0 0;font-size:12px}.validation-detail summary{color:var(--green);cursor:pointer}.validation-detail .learning-components{margin-top:11px}.validation-detail .syllabus-node{display:block}.validation-detail .syllabus-node-actions{margin-top:7px}
.content-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 13px}.content-heading h2{font-size:19px;margin:0}.content-heading h2 small{color:var(--muted);font-weight:400;font-size:11px;margin-left:8px}
.course-content-section{scroll-margin-top:20px;margin-top:30px;padding-top:12px;border-top:1px solid var(--line)}.course-content-section:first-of-type{margin-top:13px}
.course-resources{display:flex;gap:19px;margin:12px 0 22px;font-size:12px}.course-resources .text-btn{font-size:12px}
.learning-page>.learning-heading>select,.knowledge-controls>select,.topline>select{font-size:13px;border:1px solid var(--line);border-radius:6px;padding:9px 12px;max-width:300px;background:var(--panel);color:var(--ink)}
.knowledge-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:17px 0 23px}.knowledge-controls .filter-row{display:flex;gap:5px;flex-wrap:wrap}.knowledge-learning-mark{display:flex;justify-content:flex-end;margin:-8px 0 13px}
.word-filter{display:flex;justify-content:space-between;align-items:end;margin:10px 0 20px;gap:15px}.word-filter label{display:grid;gap:4px;color:var(--muted);font-size:11px}.word-filter select{padding:8px 11px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--panel);font-size:12px}
.learning-status{white-space:nowrap;font-size:11px}
@media(max-width:620px){
 .learning-overview{flex-wrap:wrap;padding:10px 13px}.learning-overview small{margin-left:0;flex-basis:100%}
 .progress-course-grid{grid-template-columns:1fr;gap:12px}.shared-progress-card{padding:14px}
 .progress-card-heading h2{font-size:16px}.progress-card-heading .text-btn{font-size:11px}
 .knowledge-controls{flex-direction:column;align-items:stretch;gap:11px}.knowledge-controls>select{width:100%;max-width:none}
 .learning-page>.learning-heading>select{width:100%;max-width:none;margin-top:12px}
 .topline>select{width:100%;max-width:none;margin-top:10px}
 .content-heading h2{font-size:17px}.content-heading{gap:8px}.course-resources{gap:16px;margin-bottom:18px}
 .validation-detail .syllabus-node-copy small{font-size:10px}
}
@media(max-width:620px){.topline{flex-wrap:wrap;gap:9px}.topline>div{flex:1;min-width:170px}.topline>select{flex-basis:100%;max-width:none}}