.video-clarity .classroom{padding-top:26px}
.video-clarity .classroom>.back{font-size:13px;color:#53637a}
.video-clarity .lesson-heading{padding:30px 32px;margin:24px 0 30px;background:#edf7f5;border:1px solid #dbece7;border-radius:14px;gap:24px;align-items:center}
.video-clarity .lesson-heading>div{max-width:860px}
.video-clarity .lesson-heading .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:14px}
.video-clarity .lesson-heading h1{font-size:clamp(30px,3.3vw,44px);line-height:1.16;letter-spacing:-.025em;max-width:850px}
.video-clarity .lesson-heading h1 span{color:#007f76}
.video-clarity .lesson-heading p:last-child{font-size:16px;line-height:1.75;max-width:770px;margin-top:18px}
.video-clarity .course-count{background:white;border-color:#c2e0d8;font-weight:700;padding:12px 15px}
.video-clarity .video-player{border:1px solid #dfe8eb;border-radius:14px;box-shadow:0 12px 30px #09283b0b;overflow:hidden}
.video-clarity .lesson-description{margin-top:30px;padding-bottom:10px}
.video-clarity .lesson-description h2{font-size:clamp(25px,2.4vw,32px);line-height:1.25;letter-spacing:-.02em}
.video-clarity .lesson-description #description{font-size:16px;line-height:1.8;color:#53637a;margin-top:16px;max-width:780px}
.video-clarity .exercise{border-radius:10px;padding:24px;background:#edf7f5;border-left:4px solid #00bfae}
.video-clarity .exercise-label{font-size:11px;letter-spacing:.08em}
.video-clarity #task{line-height:1.75}
.video-clarity .exercise-download{font-size:14px}
.video-clarity .lesson-controls{padding-top:12px;gap:16px}
.video-clarity .classroom-grid>aside>.eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:16px}
.video-clarity .lesson-list a{border-radius:10px;min-height:78px;background:#f7fafb}
.video-clarity .lesson-list a.active{background:#e4f6ef;border-color:#8acbbc;box-shadow:inset 3px 0 #007f76}
.video-clarity .lesson-list a[aria-disabled=true]{background:#fafcfc;color:#647386}
.video-clarity .lesson-list a[aria-disabled=true] .lesson-index{opacity:.6}
.video-clarity .sidebar-note{border-radius:10px;padding:20px;background:#f7fafb}
.video-clarity .sidebar-note strong{font-size:15px}
.video-clarity .sidebar-note p{font-size:13px;line-height:1.8}
.video-clarity .sidebar-note span{font-size:12px;line-height:1.7}
.video-clarity .video-next-steps{margin:40px 0 0;padding:28px;border:1px solid #dce9e5;border-radius:12px}
.video-clarity .video-next-steps>.eyebrow{font-size:11px;margin-bottom:12px;letter-spacing:.08em}
.video-clarity .video-next-steps h2{font-size:26px;line-height:1.25;letter-spacing:-.02em}
.video-clarity .video-next-steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0;padding:0}
.video-clarity .video-next-steps li{min-width:0}
.video-clarity .video-next-steps li>span{display:block;color:#007f76;font-size:13px;font-weight:800;margin-bottom:10px}
.video-clarity .video-next-steps h3{font-size:16px;line-height:1.4;margin-bottom:10px}
.video-clarity .video-next-steps li p{font-size:13px;line-height:1.8;color:#53637a}
.video-clarity .video-next-note{font-size:12px;color:#53637a;line-height:1.7;margin-top:24px;border-top:1px solid #e4eeeb;padding-top:18px}
.video-clarity .insider-signup-help{font-size:13px;margin-top:16px}
@media(max-width:1000px){.video-clarity .lesson-heading{padding:26px}.video-clarity .video-next-steps ol{grid-template-columns:1fr;gap:18px}.video-clarity .video-next-steps li{padding-left:32px;position:relative}.video-clarity .video-next-steps li>span{position:absolute;left:0;top:0}.video-clarity .video-next-steps h3{margin-bottom:5px}}
@media(max-width:760px){.video-clarity .classroom{padding-top:16px}.video-clarity .lesson-heading{padding:22px 20px;margin:18px 0 14px;border-radius:10px}.video-clarity .lesson-heading h1{font-size:29px}.video-clarity .lesson-heading p:last-child{font-size:15px;line-height:1.75;margin-top:14px}.video-clarity .classroom>.back{margin-bottom:18px}.video-clarity .video-player{border-radius:10px}.video-clarity .lesson-description{margin-top:22px}.video-clarity .exercise{padding:20px}.video-clarity .lesson-controls{flex-wrap:wrap}.video-clarity .lesson-list a{min-height:88px}.video-clarity .video-next-steps{padding:22px 20px;margin-top:30px}.video-clarity .video-next-steps h2{font-size:24px}.video-clarity .classroom-grid>aside{margin-top:30px}}
