.yq-video-lesson{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);grid-template-areas:"intro media" "chapters media";gap:28px 64px;align-items:start;padding:44px 52px;background:#171717;color:#fff;border-radius:24px;overflow:hidden;font:15px/1.6 Arial,sans-serif}
.yq-video-lesson *{box-sizing:border-box}
.yq-video-lesson__intro{grid-area:intro;align-self:end;min-width:0}
.yq-video-lesson__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#ffcf18;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.yq-video-lesson__eyebrow>span{width:7px;height:7px;background:currentColor;border-radius:50%}
.yq-video-lesson h2{max-width:560px;margin:0;font:700 clamp(32px,3.4vw,48px)/1.1 YqGuideDisplay,Arial,sans-serif;letter-spacing:-.025em;color:#fff;text-wrap:balance}
.yq-video-lesson__description{max-width:490px;margin:20px 0 22px;color:#c3c3c3;font-size:16px;line-height:1.65}
.yq-video-lesson__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.yq-video-lesson__play{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;border:1px solid #ffcf18;border-radius:8px;background:#ffcf18;color:#151515;font:700 14px/1.3 Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.yq-video-lesson__play:hover{background:#ffe16c;transform:translateY(-2px)}
.yq-video-lesson__duration{color:#b9b9b9;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.yq-video-lesson__status:empty{display:none}.yq-video-lesson__status{font-size:13px;color:#ffcf18}
.yq-video-lesson__media{grid-area:media;width:100%;max-width:300px;justify-self:center;margin:0;align-self:center}
.yq-video-lesson__frame{background:#080808;padding:7px;border:1px solid #444;border-radius:22px;box-shadow:0 14px 38px #0006;scroll-margin-top:100px}
.yq-video-lesson__frame video{display:block;width:100%;height:auto;aspect-ratio:var(--guide-video-ratio);object-fit:contain;border-radius:15px;background:#080808}
.yq-video-lesson__media figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:#aaa;font-size:12px;line-height:1.5}
.yq-video-lesson__media figcaption>span:last-child{font-size:18px;color:#ffcf18}
.yq-video-lesson__chapters{grid-area:chapters;min-width:0;align-self:start}
.yq-video-lesson__chapters h3{margin:0 0 12px;color:#a0a0a0;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.yq-video-lesson__chapters ol{margin:0;padding:0;list-style:none;border-top:1px solid #383838}
.yq-video-lesson__chapters li{margin:0;padding:0;border-bottom:1px solid #383838}
.yq-video-lesson__chapters button{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;padding:16px 10px 16px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .2s,color .2s}
.yq-video-lesson__chapters button:hover,.yq-video-lesson__chapters button[aria-current="step"]{background:#ffffff07}
.yq-video-lesson__number{padding-top:1px;font:700 11px/1.7 Arial,sans-serif;color:#808080;font-variant-numeric:tabular-nums}
.yq-video-lesson__chapter-copy{display:grid;gap:4px}
.yq-video-lesson__chapter-copy strong{font:700 15px/1.4 Arial,sans-serif;color:#f3f3f3;transition:color .2s}
.yq-video-lesson__chapter-copy>span{font:13px/1.5 Arial,sans-serif;color:#aaa}
.yq-video-lesson__chapters time{padding-top:1px;color:#a4a4a4;font:12px/1.7 Arial,sans-serif;font-variant-numeric:tabular-nums}
.yq-video-lesson__chapters button[aria-current="step"] strong,.yq-video-lesson__chapters button[aria-current="step"] time,.yq-video-lesson__chapters button[aria-current="step"] .yq-video-lesson__number,.yq-video-lesson__chapters button:hover strong{color:#ffcf18}
.yq-video-lesson__hint{margin:12px 0 0;font-size:11px;line-height:1.6;color:#999}
.yq-video-lesson button:focus-visible,.yq-video-help a:focus-visible{outline:2px solid #ffcf18;outline-offset:4px}
.yq-video-help{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:22px 0 0;padding:22px 4px;border-bottom:1px solid #ddd;font:14px/1.6 Arial,sans-serif}
.yq-video-help p{display:grid;gap:3px;margin:0}.yq-video-help strong{font-weight:700;color:#222}.yq-video-help p>span{color:#707070;font-size:13px}
.yq-video-help a{display:inline-flex;align-items:center;gap:24px;color:#222;font-weight:700;text-decoration:none;white-space:nowrap}.yq-video-help a:hover{text-decoration:underline;text-underline-offset:5px}.yq-video-help a>span{font-size:20px;color:#8b6c00}
@media(max-width:1100px){.yq-video-lesson{grid-template-columns:minmax(0,1fr) minmax(240px,290px);gap:28px 32px;padding:36px 32px}.yq-video-lesson h2{font-size:36px}.yq-video-lesson__description{font-size:15px}}
@media(max-width:800px){.yq-video-lesson{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "media" "chapters";gap:30px;padding:30px 24px;border-radius:18px}.yq-video-lesson h2{font-size:clamp(32px,7vw,42px);max-width:510px}.yq-video-lesson__description{max-width:none;margin:16px 0 20px}.yq-video-lesson__media{max-width:320px}.yq-video-lesson__chapters{width:100%}.yq-video-lesson__actions{gap:14px}.yq-video-help{align-items:start;flex-direction:column;gap:14px;padding:20px 0}.yq-video-lesson__chapter-copy>span{font-size:12px}.yq-video-lesson__chapters button{gap:8px;grid-template-columns:22px minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){.yq-video-lesson button,.yq-video-lesson strong{transition:none}.yq-video-lesson__play:hover{transform:none}}
@media(max-width:800px){.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu__item{gap:10px;padding:16px 10px;min-height:112px;border-left:0;border-right:1px solid #ddd;border-bottom:3px solid transparent}.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu__item:last-child{border-right:0}.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu__item.is-current{background:#fff9df;border-bottom-color:#e4be26}.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu__meta{font-size:8px;letter-spacing:.04em}.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu strong{font-size:15px;line-height:1.3}.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu strong>span,.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu__item>span:last-child{display:none}}
@media(max-width:360px){.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu__item{padding:14px 7px;min-height:104px}.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu strong{font-size:13px}.yq-guide-page:has(.yq-video-lesson) .yq-guide-menu__meta{font-size:7px;letter-spacing:0}.yq-video-lesson{padding:26px 20px}}