/* Course library inherits the shared shell; only its own workspace is sized here. */
body[data-screen=runclear]{--heading-space-scale:.49}
body[data-screen=runclear] .home-learning,body[data-screen=runclear] .division-label{display:none}
#runclear-view{display:flex;flex:1;min-height:0;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow-soft)}
#runclear-view[hidden],#runclear-study-controls[hidden]{display:none}
.runclear-toolbar{flex:none;padding:10px 14px 8px;border-bottom:1px solid var(--line);background:#1c2229}
#runclear-courses{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:2px 2px 7px}
#runclear-courses button{display:flex;align-items:center;gap:12px;min-height:40px;white-space:nowrap;padding:7px 11px;background:#191d23;flex:none}
#runclear-courses button[aria-pressed=true]{background:#2b3540;border-color:#839db3}
#runclear-courses strong{font-size:12px;font-weight:650}#runclear-courses small{font-size:10px;font-variant-numeric:tabular-nums}
.runclear-filter-row{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
#runclear-search{flex:1 1 180px;min-width:100px;max-width:390px;padding:7px 10px;min-height:38px;font-size:12px}
.runclear-filter-row select{min-height:38px;font-size:12px;max-width:170px;padding:7px 9px;min-width:0}
.runclear-progress{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;color:var(--muted)}
#runclear-progress{width:70px;height:4px;accent-color:#aac5dc}#runclear-result-count{font-size:11px;color:var(--muted);white-space:nowrap}
#runclear-message{font-size:11px;color:#d7c48d;padding:7px 14px;margin:0;border-bottom:1px solid var(--line)}
#runclear-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 14px 10px;scroll-padding-top:8px}
.runclear-section{margin:0 0 13px}.runclear-section-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 0 7px}
.runclear-section-heading h2{font-size:14px;margin:0;line-height:1.5}.runclear-section-heading>span{font-size:10px;color:var(--muted)}.runclear-section-heading p{font-size:11px;color:var(--muted);margin:0 0 0 auto;max-width:70%;line-height:1.5}
.runclear-lesson{width:100%;display:grid;grid-template-columns:24px 112px minmax(0,1fr) auto 15px;align-items:center;gap:13px;text-align:left;border:0;border-top:1px solid #343b445e;border-radius:0;padding:9px 6px;background:transparent;min-height:80px}
.runclear-lesson:hover,.runclear-lesson:focus-visible{background:#252d37}.runclear-lesson:focus-visible{outline-offset:-2px}
.runclear-number{font-size:11px;font-variant-numeric:tabular-nums;color:#94a4b6}.runclear-thumbnail{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#101316}.runclear-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.runclear-duration{position:absolute;right:4px;bottom:3px;border-radius:3px;background:#000d;color:#fff;padding:1px 4px;font-size:10px;font-variant-numeric:tabular-nums}
.runclear-lesson-detail{min-width:0;display:flex;flex-direction:column;gap:5px}.runclear-lesson-detail>strong{font-size:13px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}.runclear-tags{display:flex;gap:5px;flex-wrap:wrap;color:var(--muted);font-size:10px}.runclear-tags>span{background:#282e36;border-radius:3px;padding:1px 5px}.runclear-lesson-state{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#b2c7d8;white-space:nowrap}.runclear-lesson-state>span{color:#ddcb9d}.runclear-arrow{color:#8daac2;font-size:14px}.runclear-empty{margin:30px 0;text-align:center;color:var(--muted);font-size:12px}
#runclear-sources{display:flex;gap:12px;flex-wrap:wrap;flex:none;border-top:1px solid var(--line);padding:5px 14px;font-size:10px;color:var(--muted)}#runclear-sources a{font-size:10px;min-height:26px;display:inline-flex;align-items:center}#runclear-sources>span{align-self:center}
#runclear-study-controls{display:flex;align-items:center;gap:6px;margin-left:auto;min-width:0}
#runclear-back{white-space:nowrap;min-height:36px;font-size:11px;padding:6px 8px}#runclear-study-course{min-height:36px;font-size:11px;padding:6px 8px;max-width:165px;min-width:0}
body[data-runclear-study=true] .division-label{display:none}
@media(max-width:960px){body[data-screen=runclear] #mobile-topic{max-width:160px}#runclear-study-controls{margin-left:0}.runclear-progress{margin-left:0}.runclear-section-heading p{max-width:100%;margin-left:0;flex-basis:100%}}
@media(max-width:600px){body[data-screen=runclear] .topic-heading{gap:5px}body[data-screen=runclear] .topic-title-group>div{display:none}body[data-screen=runclear] #mobile-topic{max-width:none;flex:1}body[data-runclear-study=true] .topic-title-group>div{display:none}body[data-runclear-study=true] #mobile-topic{max-width:120px}#runclear-study-controls{flex:1;justify-content:flex-end}#runclear-study-course{max-width:120px;flex:1}#runclear-back{font-size:10px}.runclear-toolbar{padding:7px 9px}.runclear-filter-row{gap:6px}#runclear-search{max-width:none;flex-basis:100%;width:100%}.runclear-filter-row select{flex:1;max-width:none;min-height:38px;font-size:11px}.runclear-progress{gap:5px;font-size:10px}#runclear-progress{display:none}#runclear-result-count{font-size:10px}#runclear-list{padding:0 8px 8px}.runclear-lesson{grid-template-columns:18px 86px minmax(0,1fr);gap:8px;padding:8px 3px;min-height:75px}.runclear-lesson-detail>strong{font-size:12px}.runclear-lesson-state{grid-column:3;flex-direction:row;margin-top:-4px;gap:7px}.runclear-thumbnail{grid-column:2;grid-row:1/3}.runclear-number{grid-row:1/3}.runclear-arrow{display:none}.runclear-tags{font-size:9px}.runclear-section-heading{padding-top:10px}.runclear-section-heading p{display:none}#runclear-sources{padding:3px 10px;gap:9px}}
@media(max-height:500px){.runclear-toolbar{padding-top:5px;padding-bottom:5px}#runclear-courses{padding-bottom:4px}.runclear-filter-row{flex-wrap:nowrap}#runclear-search{flex:1 1 100px;max-width:240px;width:auto}.runclear-progress{display:none}.runclear-filter-row select{max-width:140px}.runclear-section-heading{padding-top:8px}#runclear-sources{padding-top:0;padding-bottom:0}}