.video-led .hero-band {padding:28px 0;}
.video-led .hero-grid {grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:40px;}
.video-led .hero-copy h1 {font-size:clamp(38px,4.5vw,64px); line-height:1.04; letter-spacing:-2px; margin:10px 0 18px;}
.video-led .hero-copy .desc {font-size:16px; max-width:280px; margin:0;}
.video-led .video-shell {background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 14px 45px #10233f18;}
.video-led .video-topbar {min-height:44px; padding:10px 14px;}
.video-led .video-topbar .btn {min-height:36px;}
.video-led #hero-play-btn {display:none;}
.video-led .video-stage {display:block; padding:0; aspect-ratio:16/9; min-height:0; border:0; overflow:hidden; background:#10233f;}
.video-poster {position:relative; width:100%; height:100%; isolation:isolate; overflow:hidden; background:linear-gradient(120deg,#0b1931,#123c66); color:white;}
.poster-glow {position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 70% 35%,#51baff55,transparent 60%);}
.poster-presenter {position:absolute; right:3%; bottom:0; width:64%; height:95%; object-fit:contain; filter:drop-shadow(0 20px 30px #0005);}
.poster-lesson,.poster-duration {position:absolute; top:16px; padding:5px 9px; font-size:11px; line-height:1.2; font-weight:800; border-radius:6px; background:#071529b8;}
.poster-lesson {left:16px;}
.poster-duration {right:16px; font-variant-numeric:tabular-nums;}
.poster-play {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:80px; height:80px; border-radius:50%; background:#fff; color:#0056d2; box-shadow:0 8px 35px #0005; border:4px solid #ffffff50; z-index:2; transition:transform .18s;}
.poster-play:hover {transform:translate(-50%,-50%) scale(1.08);}
.poster-play svg {width:34px; height:34px; fill:currentColor; margin-left:3px;}
.poster-caption {position:absolute; left:22px; bottom:22px; max-width:58%; text-shadow:0 2px 14px #000; pointer-events:none;}
.poster-caption > span {display:block; color:#91d6ff; font-size:10px; letter-spacing:1px; font-weight:800; margin-bottom:5px;}
.poster-caption strong {display:block; font-size:clamp(20px,2.7vw,34px); line-height:1.1; letter-spacing:-.5px;}
.poster-sound {position:absolute; right:14px; bottom:16px; width:42px; height:42px; border-radius:50%; background:#081b35cc; color:#fff; font-size:18px; z-index:3;}
.poster-practice {position:absolute; bottom:16px; left:22px; min-height:40px; padding:9px 12px; border-radius:7px; color:#10233f; background:#fff; font-size:12px; font-weight:800;}
.video-poster.has-practice .poster-caption {bottom:68px;}
.poster-progress {position:absolute; bottom:0; left:0; right:0; height:4px; background:#ffffff30;}
.poster-progress span {display:block; height:100%; background:#38bdf8; transition:width .2s linear;}
.video-poster.is-playing .poster-presenter {animation:video-presenter 5s ease-in-out infinite;}
.video-poster.is-playing .poster-play {width:44px; height:44px; left:auto; top:auto; bottom:14px; right:64px; transform:none;}
.video-poster.is-playing .poster-play svg {width:23px; height:23px; margin:0;}
.video-poster.is-playing .poster-caption {max-width:64%;}
@keyframes video-presenter {50% {transform:translateY(-5px) scale(1.025);}}
.video-led .video-controls {padding:0; border:0;}
.video-led details {min-width:0;}
.video-led details > summary {cursor:pointer; padding:14px 16px; min-height:48px; font-size:13px; font-weight:700; color:#53647c; border-top:1px solid #e4ebf4;}
.video-led details > summary::marker {color:#0056d2;}
.video-led details[open] > summary {color:#0056d2;}
.video-led .lesson-notes .slide-board {height:auto; min-height:0; max-height:none; padding:16px; background:#f8faff; overflow:visible;}
.video-led .lesson-notes .scene-buttons-row {padding:12px;}
.video-led .video-transcript .subtitle-bar {height:auto; min-height:0; padding:16px; font-size:14px;}
.video-led .progress-row {padding:12px 16px; margin:0;}
.video-led .prompt-resources {margin-top:14px; border:1px solid #dbe3ed; border-radius:12px; background:#fff;}
.video-led .prompt-resources > div {margin-top:0!important; padding:16px!important; box-shadow:none!important; border:0!important;}
.video-led .outline-sidebar {height:fit-content;}
.video-led .outline-row-item {padding:12px;}
.video-led .section-head {margin-bottom:20px;}
.video-led .section-head h2 {font-size:30px; line-height:1.15;}
.video-led .section-head .eyebrow {font-size:11px; margin-bottom:6px;}
.video-led #landing-courses-grid,.video-led #catalog-container {display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px!important;}
.video-course-card {min-width:0; overflow:hidden; border:1px solid #dbe3ed; border-radius:14px; background:white;}
.course-video-cover {position:relative; width:100%; aspect-ratio:16/9; display:block; overflow:hidden; background:radial-gradient(ellipse at 65% 30%,#386c9a,#10233f); color:white;}
.course-video-cover > img {width:80%; height:95%; object-fit:contain; position:absolute; bottom:0; left:20%; transition:transform .2s;}
.course-video-cover:hover > img {transform:scale(1.04);}
.cover-course-number,.cover-duration {position:absolute; top:12px; left:12px; background:#071529c0; border-radius:5px; padding:4px 7px; font-size:10px; font-weight:800;}
.cover-duration {top:auto; left:auto; right:12px; bottom:12px; font-variant-numeric:tabular-nums;}
.cover-play {position:absolute; left:20px; top:50%; transform:translateY(-50%); width:54px; height:54px; border-radius:50%; background:white; color:#0056d2; display:grid; place-items:center; font-size:20px; padding-left:3px; box-shadow:0 6px 20px #0003;}
.video-course-copy {padding:16px 16px 10px;}
.video-course-copy h3 {font-size:20px; line-height:1.2; margin:0 0 7px; letter-spacing:-.4px;}
.video-course-copy p {font-size:12px; color:#53647c; margin:0;}
.video-course-syllabus ol {list-style:none; margin:0; padding:0 12px 12px;}
.video-course-syllabus li + li {border-top:1px solid #e4ebf4;}
.video-course-syllabus li button {width:100%; background:white; color:#17243a; text-align:left; display:grid; grid-template-columns:16px minmax(0,1fr) auto; gap:8px; align-items:center; min-height:48px; padding:10px 0; font-size:12px; line-height:1.4;}
.video-course-syllabus li small {color:#53647c; font-size:10px;}
.syllabus-play {color:#0056d2; font-size:10px;}
.video-led .video-course-syllabus > summary {font-size:12px; padding:10px 16px; min-height:42px; border:0;}
.video-led .site-footer {padding:24px 0; margin-top:20px;}
@media(max-width:1024px) {.video-led .hero-grid {grid-template-columns:minmax(0,1fr); gap:20px;}.video-led #landing-courses-grid,.video-led #catalog-container {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px) {
  .video-led .hero-band {padding:18px 0 22px;}
  .video-led .hero-grid > .video-shell {order:0;}
  .video-led .hero-copy h1 {font-size:36px; line-height:1.04; margin:5px 0 10px; letter-spacing:-1.3px;}
  .video-led .hero-copy h1 br {display:none;}
  .video-led .hero-copy .eyebrow {font-size:10px;}
  .video-led .hero-copy .desc {font-size:13px; max-width:none;}
  .video-led .video-topbar {padding:9px 12px; flex-wrap:wrap; gap:7px;}
  .video-led .video-course-pill {flex:1 1 auto; font-size:11px;}
  .video-led .video-topbar > div:last-child {flex:0 1 auto;}
  .video-led .video-topbar .btn {min-height:36px; font-size:11px; padding:7px 8px;}
  .video-led .video-stage {aspect-ratio:16/10; padding:0; min-height:0;}
  .poster-play {width:62px; height:62px;}
  .poster-play svg {width:28px; height:28px;}
  .poster-caption {left:14px; bottom:18px; max-width:60%;}
  .poster-caption strong {font-size:clamp(19px,5.5vw,25px);}
  .poster-caption > span {font-size:8px;}
  .poster-lesson,.poster-duration {top:10px; padding:4px 6px; font-size:9px;}
  .poster-lesson {left:10px;}.poster-duration {right:10px;}
  .poster-sound {right:8px; bottom:10px; width:36px; height:36px; font-size:15px;}
  .poster-practice {left:14px; bottom:10px; min-height:38px; padding:8px; font-size:10px;}
  .video-poster.has-practice .poster-caption {bottom:57px;}
  .video-poster.is-playing .poster-play {right:50px; bottom:10px; width:36px; height:36px;}
  .video-led .video-controls .progress-row {padding:10px 12px;}
  .video-led details > summary {min-height:44px; padding:11px 14px; font-size:12px;}
  .video-led .section-block {padding:24px 0;}
  .video-led .section-head h2 {font-size:25px!important;}
  .video-led .hero-grid {gap:18px;}
  .video-led .watch-grid {gap:12px; padding-top:12px;}
  .video-led .prompt-resources {margin-top:12px;}
  .video-led .site-footer .footer-grid > div:not(:first-child) {display:none;}
  .video-led .site-footer .footer-grid {gap:0;}
}
@media(max-width:600px) {.video-led #landing-courses-grid,.video-led #catalog-container {grid-template-columns:minmax(0,1fr); gap:18px!important;}}
@media(prefers-reduced-motion:reduce) {.video-poster.is-playing .poster-presenter {animation:none;}}