/* A study library and viewing desk, scoped away from records and account tools. */
body main#main:has(.study-page-heading),body main#main:has(.study-detail){max-width:1200px}
body main#main .study-page-heading{margin:24px 0 20px}
body main#main .study-page-heading h1{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.04em}
body main#main .study-action-tabs{margin:0 0 28px;border-bottom:1px solid var(--line)}
body main#main .study-action-tabs>a{font-size:14px;min-height:48px;border-radius:0;background:none}
body main#main .study-resume-list{margin:24px 0 36px;padding:0;border:0;background:none;box-shadow:none}
body main#main .study-resume-list>header{gap:16px;align-items:center}
body main#main .study-resume-list h2{font-size:21px;letter-spacing:-.025em}
body main#main .study-resume-list>p{margin:8px 0 16px;font-size:12px;line-height:1.6;color:var(--muted)}
body main#main .study-resume-items{gap:12px}
body main#main [data-study-resume-id]{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:8px;box-shadow:none}
body main#main [data-study-resume-id]>a{gap:16px;min-height:100px;padding:8px}
body main#main [data-study-resume-id] img{width:100px;border-radius:8px;aspect-ratio:16/9;object-fit:cover}
body main#main [data-study-resume-id] strong{font-size:16px;line-height:1.5}
body main#main [data-study-resume-id] small{font-size:13px;color:var(--gold)}
body main#main .study-saved{margin:32px 0;padding:0;background:none;border:0}
body main#main .study-saved>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:12px}
body main#main .study-saved>header h2{font-size:24px;margin:4px 0 0}
body main#main .study-saved .eyebrow{font-size:12px;letter-spacing:0;color:var(--muted);margin:0}
body main#main .study-saved-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:0}
body main#main .study-saved-search label{display:grid;gap:8px;min-width:0;font-size:13px;color:var(--muted)}
body main#main .study-saved-search :is(input,select){box-sizing:border-box;width:100%;min-width:0;min-height:48px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:10px 12px;font-size:16px}
body main#main .study-saved-search>button{align-self:end;min-height:48px;padding:10px 22px;border:0;border-radius:10px;background:var(--gold);color:#151a22;font-size:15px;font-weight:700}
body main#main .study-saved-search details{grid-column:1/-1;border-bottom:1px solid var(--line);padding:0 0 8px}
body main#main .study-saved-search summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--muted)}
body main#main .study-saved-search summary:after{content:'+';margin-left:auto}
body main#main .study-saved-search details[open] summary:after{content:'−'}
body main#main .study-saved-search details>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0}
body main#main .study-saved-search details>button{min-height:44px;margin:8px 0;padding:8px 16px;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px}
body main#main .study-library-scope{font-size:13px;line-height:1.7;color:var(--muted);margin:14px 0}
body main#main .study-saved-reset{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;color:var(--gold);font-size:14px}
body main#main .study-grid{gap:28px 24px}
body main#main .study-card{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body main#main .study-card-media{overflow:hidden;border-radius:12px;background:var(--surface)}
body main#main .study-card-media img{aspect-ratio:16/9;object-fit:cover}
body main#main .study-card-body{padding:16px 0 0}
body main#main .study-card h2{font-size:18px;line-height:1.55;letter-spacing:-.02em}
body main#main .study-card-body>p{font-size:14px;line-height:1.75;color:var(--muted)}
body main#main .study-card footer{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
body main#main .study-saved .study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body main#main .study-saved .study-card{display:grid;grid-template-columns:136px minmax(0,1fr);gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
body main#main .study-saved .study-card-body{padding:0;min-width:0}
body main#main .study-saved .study-card-media{width:100%;margin:0}
body main#main .study-saved .study-card h2{margin:8px 0;font-size:16px}
body main#main .study-saved .study-card-meta{font-size:11px;gap:6px}
body main#main .study-saved .study-card-body>p{display:none}
body main#main .study-saved .study-card footer{border:0;margin:8px 0 0;padding:0;gap:8px;flex-wrap:wrap}
body main#main .study-saved .study-card footer :is(a,button){min-height:44px;font-size:13px}
body main#main .study-detail{max-width:none;padding:0;background:none;border:0}
body main#main .study-detail>header{max-width:860px;margin:24px 0}
body main#main .study-detail h1{font-size:clamp(27px,3vw,40px);line-height:1.35;letter-spacing:-.035em;margin:12px 0}
body main#main .study-detail>header>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
body main#main .study-lesson-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:32px;align-items:start}
body main#main .study-viewing-column{display:flex;flex-direction:column;min-width:0}
body main#main .study-detail-player{order:0;margin:0;border-radius:14px;overflow:hidden;background:#000}
body main#main .study-resume-prompt{order:-1;margin:0 0 12px}
body main#main .study-detail-actions{order:1;display:flex;flex-wrap:wrap;gap:4px 12px;margin:12px 0;padding:0;border:0;background:none}
body main#main .study-detail-actions :is(a,button){min-height:44px;display:inline-flex;align-items:center;padding:8px 10px;font-size:13px;line-height:1.5;border:0;border-radius:8px;background:transparent;color:var(--muted)}
body main#main .study-detail-actions [data-study-save]{margin-left:auto;background:var(--surface);border:1px solid var(--line);color:var(--text)}
body main#main .study-detail-actions [data-study-save][aria-pressed=true]{color:var(--gold)}
body main#main .study-video-status{order:2;font-size:12px;margin:0 0 12px}
body main#main .study-save-status{order:3}
body main#main .study-save-status:empty{display:none}
body main#main .study-scene-context,body main#main .study-ended-next{order:1}
body main#main .study-timeline{margin:0;padding:0;border:0;background:transparent;min-width:0}
body main#main .study-timeline>header{display:block;margin:0 0 16px}
body main#main .study-timeline h2{font-size:21px;line-height:1.45;letter-spacing:-.025em;margin:0 0 8px}
body main#main .study-timeline .eyebrow{display:none}
body main#main .study-timeline>header p{font-size:13px;line-height:1.6;margin:0 0 12px;color:var(--muted)}
body main#main .study-timeline [data-study-level-tabs]{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);padding:4px;border-radius:10px}
body main#main [data-study-level-tabs] button{flex:1;min-height:44px;border:0;border-radius:7px;font-size:14px;background:transparent;color:var(--muted)}
body main#main [data-study-level-tabs] button[aria-pressed=true]{background:var(--gold);color:#151a22}
body main#main .study-timeline>article{padding:16px 0;border:0;border-bottom:1px solid var(--line);background:none;margin:0;border-radius:0}
body main#main .study-timeline>article>a{padding:0;min-height:44px;gap:12px;display:flex;align-items:start}
body main#main .study-timeline time{color:var(--gold);background:var(--surface);border-radius:6px;padding:7px;font-size:13px;white-space:nowrap}
body main#main .study-timeline>article>a>span{min-width:0}
body main#main .study-timeline>article strong{font-size:15px;line-height:1.6}
body main#main .study-timeline>article small{font-size:13px;line-height:1.6;color:var(--muted)}
body main#main .study-timeline>article>a>b{display:none}
body main#main .study-timeline>article>div{padding:8px 0 0 0}
body main#main .study-timeline>article p{font-size:14px;line-height:1.8;margin:4px 0;color:var(--muted)}
body main#main .study-lesson-next{margin:40px 0;padding:28px 0}
body main#main .study-next-course{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
body main#main .study-next-course img{width:144px}
body main#main .study-next-course strong{font-size:19px}
body main#main .study-login-callout{padding:24px 0;margin:24px 0;border-top:1px solid var(--line);background:none;box-shadow:none}
body main#main .study-login-callout .eyebrow{letter-spacing:0;font-size:12px;color:var(--muted)}
body main#main :is(.study-saved-search,.study-lesson-workspace,.study-saved) :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){body main#main .study-lesson-workspace{grid-template-columns:minmax(0,1fr);gap:28px}body main#main .study-saved .study-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){body main#main .study-saved .study-card{grid-template-columns:112px minmax(0,1fr);gap:14px}body main#main .study-saved-search details>div{grid-template-columns:minmax(0,1fr)}body main#main .study-next-course{padding:14px;gap:12px}body main#main .study-next-course img{width:92px}body main#main .study-next-course strong{font-size:16px}body main#main [data-study-resume-id] img{width:80px}body main#main [data-study-resume-id]>a{gap:12px}body main#main .study-detail-actions [data-study-save]{margin-left:0}body main#main .study-action-tabs>a{font-size:13px}}
@media(prefers-reduced-motion:no-preference){body main#main .study-card-media img{transition:transform .18s ease}body main#main .study-card-media:hover img{transform:scale(1.025)}}
/* Override the legacy dark theme's broad !important control/card rules here. */
body main#main .study-card{background:transparent!important}
body main#main .study-saved .study-card{padding:20px 0!important}
body main#main .study-saved .study-card-body{padding:0!important}
body main#main .study-saved .study-card-media{display:flex;flex-direction:column;padding:0!important;height:auto;aspect-ratio:auto;background:transparent!important;border:0!important;border-radius:10px;align-self:start}
body main#main .study-saved .study-card-media img{width:100%;border-radius:8px}
body main#main .study-saved .study-card-media>span{position:static;display:block;padding:8px 0;line-height:1.6;font-size:12px;white-space:normal;text-align:left;background:transparent!important;color:var(--gold)!important;transform:none}
body main#main .study-saved-search>button,body main#main [data-study-level-tabs] button[aria-pressed=true]{background:var(--gold)!important;color:#151a22!important}
body main#main [data-study-level-tabs] button[aria-pressed=false]{background:transparent!important;color:var(--muted)!important}
body main#main .study-timeline>article>div{padding:12px 0 0!important;border:0!important}
/* Course position and revision choices stay with the lesson, without covering playback. */
body main#main .study-course-desk{display:block;box-sizing:border-box;width:100%;order:4;margin:12px 0 0;padding:20px 0;border-block:1px solid var(--line);min-width:0}
body main#main .study-course-position{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:12px;font-size:13px}
body main#main .study-course-position>a{display:inline-flex;align-items:center;min-height:44px;color:var(--text);font-weight:700}
body main#main .study-course-position>span{color:var(--gold);white-space:nowrap}
body main#main .study-course-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body main#main .study-course-neighbors>a{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);min-width:0;min-height:72px;text-decoration:none}
body main#main .study-course-neighbors small{font-size:12px;color:var(--gold)}
body main#main .study-course-neighbors strong{font-size:14px;line-height:1.6;color:var(--text);overflow-wrap:anywhere}
body main#main .study-course-neighbors>p{margin:0;align-self:center;font-size:13px;line-height:1.8;color:var(--muted)}
body main#main .study-course-desk summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 0;cursor:pointer;color:var(--text);font-size:14px;list-style:none}
body main#main .study-course-desk summary::-webkit-details-marker{display:none}
body main#main .study-course-desk summary:after{content:'+';margin-left:auto;color:var(--gold);font-size:20px}
body main#main .study-course-desk details[open] summary:after{content:'−'}
body main#main .study-course-desk ol{list-style:none;padding:0;margin:4px 0 0}
body main#main .study-course-desk li{margin:0;border-top:1px solid var(--line)}
body main#main .study-course-desk li>:is(a,span){display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:10px;row-gap:4px;padding:14px 10px;min-height:44px;border-radius:8px;text-decoration:none}
body main#main .study-course-desk li small{grid-row:1/3;font-size:12px;color:var(--muted);line-height:1.8}
body main#main .study-course-desk li strong{font-size:14px;color:var(--text);line-height:1.6;overflow-wrap:anywhere}
body main#main .study-course-desk li b{font-size:12px;font-weight:500;color:var(--muted)}
body main#main .study-course-desk [aria-current=step]{background:var(--surface)}
body main#main .study-course-desk [aria-current=step] :is(small,b){color:var(--gold)}
@media(max-width:360px){body main#main .study-course-neighbors{grid-template-columns:minmax(0,1fr)}body main#main .study-course-neighbors>a{min-height:44px}}