.videoteaser{background:linear-gradient(110deg,#183c57,#2b4f68);color:#fff;border-radius:14px;margin-top:26px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;gap:24px}.videoteaser .tag{color:#edca7a;font-size:9px}.videoteaser h2{font:500 29px Georgia,serif;margin:12px 0}.videoteaser p{color:#d2dfe8;font-size:13px;margin:0}.videoteaser button{white-space:nowrap;font-size:12px}.videointro{margin:25px 0 30px}.videointro>.tag{color:#977131}.videointro h1{font:500 45px/1.15 Georgia,serif;margin:15px 0}.videointro h1 em{font-style:normal;color:#9d762c}.videointro>p{color:#627184;font-size:15px}.videoworkspace{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:start}.videostage{background:#081c2e;border-radius:13px;overflow:hidden;aspect-ratio:16/9;min-height:220px}.videostage #jgi-youtube{width:100%;height:100%;position:relative;display:grid;place-items:center}.videostage #jgi-youtube>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.65}.videostage #jgi-youtube>button{z-index:1}.videostage iframe{width:100%;height:100%;min-height:220px;border:0}.videotitle{font-size:20px;line-height:1.5;margin:20px 0 10px}.videocontrols{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.videocontrols button{font-size:11px;padding:11px 13px}.videocontrols a{font-size:11px;margin:5px}.checkpointlist{border:1px solid #d8e1e8;border-radius:12px;overflow:hidden;background:white}.checkpointlist>div{display:flex;align-items:center;gap:10px;padding:14px}.checkpointlist>div+div{border-top:1px solid #e1e7ed}.checkpointplay{text-align:left;display:grid;gap:6px;color:#102c47;background:transparent;flex:1}.checkpointplay span{font-size:10px;color:#93702e;font-weight:700}.checkpointplay strong{font-size:13px;line-height:1.6}.checkpointplay small{font-size:9px;color:#6e8191}.checkpointlist .textbtn{font-size:10px;white-space:nowrap}.videopractice{background:white;border:1px solid #d8e2ea;border-top:4px solid #bb9141;padding:29px;border-radius:13px;position:sticky;top:22px;box-shadow:0 10px 25px #102c4708}.videopractice>.tag{font-size:9px;color:#95702c}.videopractice h2{font:500 31px/1.2 Georgia,serif;margin:17px 0}.videopractice p{font-size:14px;line-height:1.9}.videopractice p.caption{font-size:11px}.videopractice .draftarea{min-height:180px;font-size:14px}.videopractice>.primary{margin:15px 0}.practicecycle{display:flex;gap:13px;align-items:center;margin:25px 0}.practicecycle span{font-size:9px;background:#f5edd9;padding:11px;border-radius:7px;color:#86611e;font-weight:800}.practicecycle b{font-size:12px;color:#9d7a33}.videonext{display:flex;flex-direction:column;gap:12px;margin:20px 0}.videonext button{font-size:12px}.videopractice .callout p{font-size:12px}.videopractice .callout p.caption{font-size:10px}@media(max-width:950px){.videoworkspace{grid-template-columns:1fr 1fr;gap:18px}.videopractice{padding:23px}.videoteaser{align-items:start;flex-direction:column}.videopractice h2{font-size:28px}}@media(max-width:650px){.videoworkspace{grid-template-columns:1fr}.videopractice{position:static;padding:24px}.videointro h1{font-size:37px}.videostage{min-height:210px}.videostage iframe{min-height:210px}.videoteaser{padding:24px;gap:18px}.videoteaser h2{font-size:27px}.videoteaser button{white-space:normal}.checkpointlist>div{padding:13px}.videotitle{font-size:19px}.videopractice .draftarea{font-size:16px}}
