/* © liviu.ai — video-first workspace and nested course outline. */
:root{--bg:#09141e;--card:#122431;--line:#2b4050;--mint:#99e7ce;--soft:#b9cbd5}
body{font-size:16px}header{max-width:none;padding:17px 28px;background:#0d1c28;align-items:center}header .brand{font-size:23px}header nav{font-size:14px;gap:22px}main{max-width:1920px;padding:0 28px}.course-layout{grid-template-columns:310px minmax(0,1fr);gap:38px}.curriculum{padding:28px 22px 28px 0;border-right:1px solid var(--line)}.curriculum-heading h1{font-size:23px;line-height:1.3;margin:8px 0}.curriculum-heading p{font-size:14px;color:var(--soft);margin:0 0 26px}.eyebrow{font-size:12px;letter-spacing:.08em}
#outline{display:block}.day-group{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;margin:0}.day-group>summary{padding:17px 0;font-weight:650;font-size:15px;cursor:pointer;line-height:1.5}.hour-group{margin:0 0 10px 10px;padding:0;border:0;border-left:1px solid #385364;border-radius:0}.hour-group>summary{padding:10px 10px 10px 14px;font-size:14px;color:#d1dfe5;cursor:pointer;line-height:1.5}.hour-group ol{list-style:none;padding:0;margin:0 0 10px 8px}.hour-group li{margin:3px 0}.hour-group button{display:block;width:100%;border:1px solid transparent;background:transparent;text-align:left;font-size:14px;line-height:1.45;padding:11px 12px;border-radius:7px}.hour-group button:hover{background:#1c3443}.hour-group button[aria-current=page]{background:#1c403f;border-color:#497b6b;color:#bcf7df;box-shadow:inset 3px 0 var(--mint)}.hour-group small{display:block;font-size:12px;color:var(--soft);margin-top:4px}.course-outcome{width:auto;margin-top:24px;padding:14px;font-size:14px;background:#10212d}.course-outcome summary{cursor:pointer}.course-outcome p{margin:12px 0}#outline-toggle{display:none}
#lesson{min-width:0;padding-top:26px}#breadcrumbs{font-size:14px;margin-bottom:18px}#lesson-location{font-size:12px}#lesson h2{font-size:clamp(26px,2.5vw,38px);line-height:1.22;margin:8px 0 20px;letter-spacing:-.025em}.lesson-phases{margin:0 0 22px;max-width:730px}.lesson-phases button{font-size:14px;padding:12px 14px}.watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:start}.film{min-width:0;margin:0}.film video{width:100%;display:block;aspect-ratio:16/9;background:#03090e;object-fit:contain;border-radius:12px}.film-meta{font-size:13px;padding:10px 0;gap:12px}.idea-aside{padding:6px 0}.idea-aside .lead{font-size:17px;line-height:1.6;margin:8px 0 22px}.idea-aside button{width:100%;font-size:16px}.idea-aside .small{font-size:14px;margin-top:12px}.predict{margin:18px 0 12px;padding:14px 18px;background:transparent;border:1px solid var(--line);border-radius:10px}.predict>summary{cursor:pointer;font-size:15px;color:var(--soft)}.predict h3{font-size:20px}.predict label{font-size:15px}#film-details{padding:14px 18px;border:1px solid var(--line);border-radius:10px;margin:12px 0;font-size:15px}#film-details>summary{cursor:pointer}.practice,.transfer{margin:0;padding:24px;border-radius:12px}.phase-navigation{margin:20px 0}.phase-navigation:has(button[hidden]){display:none}.lesson-navigation{margin:24px 0;padding-top:18px}.lesson-navigation button{font-size:14px;max-width:70%}#previous{background:transparent;border-color:transparent;color:var(--soft)}footer{font-size:13px}.small{font-size:14px}#lesson .test-table{max-width:100%}
@media(min-width:1500px){.watch-grid{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:1150px){.course-layout{grid-template-columns:270px minmax(0,1fr);gap:24px}.watch-grid{grid-template-columns:1fr}.idea-aside{display:grid;grid-template-columns:1fr 180px;column-gap:20px;padding:14px 0}.idea-aside .eyebrow,.idea-aside .lead{grid-column:1}.idea-aside .lead{margin:0;font-size:16px}.idea-aside button{grid-column:2;grid-row:1/3;align-self:center}.idea-aside .small{display:none}}
@media(max-width:900px){header{padding:16px 20px;flex-wrap:wrap}header nav{gap:16px}main{padding:0 20px}.course-layout{display:block}.curriculum{border:0;padding:18px 0 0;margin:0}.curriculum-heading{display:none}#outline-toggle{display:block;width:100%;text-align:left;font-size:16px;background:#142b3b}#outline-toggle:after{content:' ＋';float:right}#outline-toggle[aria-expanded=true]:after{content:' −'}#outline{display:none}.outline-open #outline{display:block;margin-top:12px}.course-outcome{display:none}#lesson{padding-top:20px}.lesson-navigation button{max-width:65%}}
@media(max-width:560px){header{display:block}header nav{margin-top:12px;font-size:14px}.brand span{display:none}main{padding:0 14px}#lesson h2{font-size:27px}.lesson-phases{gap:0}.lesson-phases button{font-size:14px;padding:10px 5px;line-height:1.35}.idea-aside{display:block}.idea-aside .lead{margin-bottom:15px}.idea-aside button{width:100%}.practice,.transfer{padding:16px}.film-meta{font-size:13px}.lesson-navigation{gap:12px;flex-wrap:wrap}.lesson-navigation button{max-width:100%}.test-table{display:block;overflow-x:auto}.resource-menu>div{left:auto;right:0}}