/* Video repetition lives inside Training; the existing five-item navigation stays intact. */
.practice-tabs{display:flex;gap:6px;padding:5px;border-radius:13px;background:#eaf0f9;width:fit-content;max-width:100%;margin-bottom:26px}
.practice-tabs>a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:9px;font-size:14px;font-weight:850;color:#647b9a}
.practice-tabs>a.active{background:#fff;color:var(--blue);box-shadow:0 2px 7px #24416809}
.practice-tabs .icon{width:18px;height:18px}.practice-tabs a>span{font-size:10px;border-radius:5px;background:#fbeeed;color:#ae6059;padding:3px 5px}
.video-entry{display:flex;align-items:center;gap:22px;border:1px solid #ceddf4;border-radius:20px;background:linear-gradient(110deg,#eaf2ff,#f6f9ff);padding:27px 30px;margin-bottom:25px}
.video-entry-symbol{display:flex;align-items:center;justify-content:center;width:67px;height:90px;background:#fff;border:1px solid #cfddf3;border-radius:16px;box-shadow:5px 5px 0 #dbe7fa;color:var(--blue);flex-shrink:0;transform:rotate(-5deg)}
.video-entry-symbol>.icon{width:29px;height:29px;transform:rotate(5deg)}
.video-entry>div{flex:1;min-width:0}.video-kicker{display:block;color:#5c7ead;font-size:11px;font-weight:850;letter-spacing:1px;line-height:1.6}
.video-entry h2{font-size:27px;letter-spacing:-.4px;margin:7px 0}.video-entry p{font-size:14px;color:#5b7495;line-height:1.65}.video-entry-meta{display:block;margin-top:11px;font-size:12px;color:#7489a5}
.video-entry-arrow{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;width:40px;height:40px;color:#5480ba;flex-shrink:0}.video-entry-arrow>.icon{width:18px}
.video-hero{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:30px;align-items:center;padding:31px 34px;background:linear-gradient(120deg,#edf3ff,#f6f9ff);border:1px solid #dbe5f8;border-radius:22px;margin-bottom:23px}
.video-hero h2{font-size:36px;letter-spacing:-.8px;line-height:1.2;margin:13px 0}.video-hero p{font-size:15px;color:#617b9c;line-height:1.75;max-width:480px;margin-bottom:22px}.video-hero .btn{font-size:14px;min-height:48px}
.video-progress-card{padding:23px;background:#ffffffc9;border:1px solid #dce6f5;border-radius:17px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#637c9c}
.video-progress-icon{display:flex;width:37px;height:37px;background:#edf3ff;border-radius:11px;color:var(--blue);align-items:center;justify-content:center;margin-bottom:6px}.video-progress-icon>.icon{width:18px;height:18px}
.video-progress-card>strong{font-size:27px;color:#355b90;letter-spacing:-.5px}.video-progress-card strong>small{font-size:20px;color:#859cbb;font-weight:750}.video-progress-card>span{font-size:12px;line-height:1.6}.video-progress-card .progress-track{width:100%;height:6px;margin-top:7px}.video-catalog-pending{padding:5px 8px;border-radius:6px;background:#f3f5f9;color:#6b7b93;font-size:10px!important}
.video-filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.video-filters>button{display:flex;align-items:center;gap:8px;min-height:43px;padding:9px 13px;border:1px solid #dfe7f3;border-radius:10px;background:#fff;color:#677d9c;font-size:13px;font-weight:800}.video-filters>button.active{background:#e9f1ff;border-color:#aac7f2;color:#285fae}.video-filters button>span{padding:2px 6px;border-radius:5px;background:#eff3f9;font-size:11px;color:#7a91af}.video-filters button.active>span{background:#d6e5fd;color:#396cb0}
.video-roadmap{display:grid;grid-template-columns:245px minmax(0,1fr);gap:27px;align-items:start}.video-stages{display:flex;flex-direction:column;gap:9px}.video-stage{display:flex;align-items:center;gap:11px;text-align:left;padding:13px 12px;min-height:75px;border:1px solid #e1e8f3;border-radius:13px;background:#fff}.video-stage.active{background:#edf3ff;border-color:#9fbeef;box-shadow:0 3px 12px #2e63ac07}.video-stage-code{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#f0f4fa;color:#6783a9;font-size:15px;font-weight:900;flex-shrink:0}.video-stage.active .video-stage-code{background:var(--blue);color:#fff}.video-stage>span:nth-child(2){min-width:0;flex:1}.video-stage strong{display:block;font-size:13px;color:#526d91;line-height:1.4}.video-stage small{display:block;font-size:10px;line-height:1.5;color:#7b8fa9;margin-top:4px}.video-stage>.icon{width:12px;height:12px;color:#96abc7;transform:rotate(-90deg);flex-shrink:0}
.video-stage-content{min-width:0}.video-stage-heading{margin:4px 0 25px}.video-stage-heading .eyebrow{font-size:10px;color:#6e8aaf;letter-spacing:1px}.video-stage-heading h2{font-size:25px;margin:8px 0;letter-spacing:-.3px}.video-stage-heading>p{font-size:14px;color:#6c819e;line-height:1.65}
.video-unit{position:relative;padding-bottom:28px}.video-unit:not(:last-child):before{content:'';position:absolute;top:42px;bottom:0;left:18px;width:1px;background:#d6e2f2}.video-unit-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.video-unit-dot{position:relative;display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;border:1px solid #c9daef;background:#f4f8fe;font-size:12px;font-weight:900;color:#6284b0;flex-shrink:0}.video-unit-dot.done{color:#288561;border-color:#c3e5d1;background:#e9f7f0}.video-unit-dot>.icon{width:17px;height:17px}.video-unit-head>div{flex:1;min-width:0}.video-unit h3{font-size:16px;line-height:1.5;font-weight:850}.video-unit-head p{font-size:12px;line-height:1.65;color:#7588a1;margin-top:3px}.video-unit-count{font-size:10px;font-weight:800;padding:5px 7px;white-space:nowrap;background:#ecf1f8;border-radius:6px;color:#7187a3}
.video-planned{display:flex;align-items:center;gap:13px;position:relative;margin-left:49px;padding:17px;border:1px dashed #cbd9ed;border-radius:13px;background:#ffffffa8}.video-planned-symbol{display:flex;width:45px;min-height:54px;align-items:center;justify-content:center;background:#eff4fc;border-radius:10px;color:#84a0c4;font-size:17px;font-weight:800;flex-shrink:0}.video-planned>div{flex:1;min-width:0}.video-planned strong{font-size:12px;color:#617b9f}.video-planned p{font-size:11px;color:#7f92ab;line-height:1.6;margin-top:5px}.video-planned>.btn{font-size:11px;min-height:40px;padding:9px 10px;white-space:normal;text-align:center}
.video-lessons{list-style:none;margin:0 0 0 49px;padding:0;display:flex;flex-direction:column;gap:10px}.video-lesson{display:flex;align-items:stretch;border:1px solid #dce6f4;border-radius:13px;background:#fff;overflow:hidden;position:relative}.video-lesson-open{display:flex;align-items:center;gap:12px;text-align:left;flex:1;min-width:0;padding:17px 13px}.video-lesson-open:hover{background:#f6f9ff}.video-lesson-number{display:flex;align-items:center;justify-content:center;width:34px;height:44px;background:#eef3fc;border-radius:8px;color:#6e8db5;flex-shrink:0;font-size:12px;font-weight:850}.video-lesson-number.done{background:#e6f6ed;color:#31845f}.video-lesson-number>.icon{width:17px}.video-lesson-copy{flex:1;min-width:0}.video-lesson-copy strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.video-lesson-copy small{display:block;font-size:10px;color:#7890ad;line-height:1.6;margin-top:5px}.video-row-play{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#5687c9;flex-shrink:0}.video-row-play>.icon{width:18px;height:18px}.video-save{width:45px;flex-shrink:0;color:#93a6be;border-left:1px solid #e7edf6}.video-save.saved{color:var(--blue);background:#edf3ff}.video-save>.icon{width:18px;height:18px}
.video-filtered{margin-left:0;max-width:800px}.video-list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 20px}.video-list-heading h2{font-size:22px}.video-list-heading>span{font-size:12px;color:#6d829f}.video-empty{max-width:740px;text-align:center;padding:45px 25px;border:1px dashed #cfddef;border-radius:18px;background:#fff}.video-empty>.icon{width:33px;height:33px;color:#92add1}.video-empty h2{font-size:22px;margin:19px 0 12px}.video-empty p{font-size:14px;line-height:1.8;color:#69819f;max-width:470px;margin:0 auto 23px}.video-note{font-size:12px;line-height:1.8;color:#7a8da6;margin:25px 0 0}
.video-back{display:flex;align-items:center;gap:9px;color:#6982a2;font-size:13px;font-weight:800;min-height:44px;margin-bottom:22px}.video-back>.icon{width:17px;height:17px}.video-player-layout{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:37px;align-items:start}.video-screen{width:100%;aspect-ratio:9/16;background:#e8effa;border:1px solid #d7e3f4;border-radius:19px;overflow:hidden;position:relative}.video-screen iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0;background:#17243b}.video-load{height:100%;padding:26px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at top,#dbe8ff,#f3f7ff);gap:17px}.video-load-mark{display:flex;width:65px;height:65px;align-items:center;justify-content:center;border:1px solid #bdcff0;background:#ffffffb3;border-radius:22px;color:#5380be}.video-load-mark>.icon{width:31px;height:31px}.video-load>strong{font-size:27px;letter-spacing:-.5px;line-height:1.4;overflow-wrap:anywhere;max-width:100%}.video-load>p{font-size:14px;color:#7188a8}.video-load .btn{font-size:13px;min-height:47px;margin-top:8px}.video-load>small{font-size:10px;line-height:1.6;color:#7f94af}.video-player-details{padding-top:9px;min-width:0}.video-player-details h1{font-size:30px;letter-spacing:-.6px;line-height:1.3;margin:13px 0 16px;overflow-wrap:anywhere}.video-player-details>p{font-size:14px;line-height:1.75;color:#69809e}.video-study-steps{display:flex;flex-direction:column;gap:13px;margin:25px 0;padding:20px;background:#fff;border:1px solid #e0e8f3;border-radius:14px}.video-study-steps>span{display:flex;align-items:center;gap:10px;color:#657b98;font-size:13px}.video-study-steps b{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background:#edf3fc;border-radius:50%;font-size:11px;color:#7898c2}.video-state{display:flex;gap:8px;align-items:center;color:#6a809d;font-size:12px;line-height:1.7;margin:20px 0 12px}.video-state>.icon{width:16px;height:16px;color:#408d6d;flex-shrink:0}.video-player-actions{display:flex;flex-direction:column;gap:10px}.video-player-actions>.btn{min-height:48px;font-size:14px}.video-player-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.video-player-nav>.btn{font-size:12px;min-height:44px;padding:10px}.video-player-nav>span{font-size:11px;color:#8a9eb8;white-space:nowrap}.video-player-layout .btn:disabled{opacity:.45;cursor:default}.video-player-help{margin-top:23px;font-size:12px!important}.video-player-help>a{display:inline-flex;align-items:center;gap:5px;color:var(--blue);text-decoration:underline;text-underline-offset:3px}.video-player-help .icon{width:13px;height:13px}.video-linked-words{margin-top:25px;border-top:1px solid #dfe7f3;padding-top:20px}.video-linked-words>strong{font-size:14px}.video-linked-words>p{font-size:12px;color:#7b8eaa;margin:7px 0 13px}.video-linked-words>.btn{font-size:12px;min-height:42px}
@media(max-width:1100px){.video-roadmap{grid-template-columns:210px minmax(0,1fr);gap:21px}.video-stage{padding:12px 10px;gap:9px}.video-stage-code{width:34px;height:37px}.video-stage strong{font-size:12px}.video-stage small{font-size:10px}.video-planned{flex-wrap:wrap}.video-planned>.btn{margin-left:58px}.video-hero{grid-template-columns:minmax(0,1fr) 210px;padding:26px;gap:20px}.video-hero h2{font-size:32px}.video-player-layout{grid-template-columns:minmax(220px,310px) minmax(0,1fr);gap:23px}.video-player-details h1{font-size:27px}.video-player-nav{flex-wrap:wrap}.video-player-nav>span{order:3;width:100%;text-align:center}}
@media(max-width:760px){.practice-tabs{width:100%}.practice-tabs>a{flex:1;padding:11px 8px;font-size:13px}.video-entry{padding:23px;gap:18px}.video-entry h2{font-size:26px}.video-entry p{font-size:14px}.video-entry .video-kicker{font-size:9px}.video-entry-symbol{width:53px;height:75px}.video-entry-arrow{width:33px;height:33px}.video-hero{padding:25px;grid-template-columns:minmax(0,1fr) 195px}.video-hero h2{font-size:31px}.video-hero p{font-size:14px}.video-progress-card{padding:20px}.video-roadmap{grid-template-columns:1fr;gap:24px}.video-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.video-stage{flex-direction:column;align-items:flex-start;padding:13px;min-height:104px;gap:9px}.video-stage>span:nth-child(2){flex:initial}.video-stage>.icon{display:none}.video-stage-code{width:35px;height:30px;font-size:13px;border-radius:8px}.video-stage strong{font-size:11px}.video-stage small{display:none}.video-stage-content{scroll-margin-top:90px}.video-stage-heading{margin:0 0 24px}.video-planned{flex-wrap:nowrap}.video-planned>.btn{margin:0;font-size:12px}.video-unit-head h3{font-size:16px}.video-unit-head p{font-size:13px}.video-planned strong{font-size:13px}.video-planned p{font-size:12px}.video-unit-count{font-size:11px}.video-lesson-copy strong{font-size:15px}.video-lesson-copy small{font-size:11px}.video-player-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:22px}.video-player-details h1{font-size:25px}.video-player-details .video-kicker{font-size:10px}.video-note{font-size:12px}}
@media(max-width:580px){.video-entry{padding:22px 18px;gap:17px}.video-entry-arrow{display:none}.video-entry p{font-size:13px}.video-entry-meta{font-size:11px}.video-hero{grid-template-columns:1fr;padding:25px}.video-hero h2{font-size:34px}.video-progress-card{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;padding:17px;align-items:center}.video-progress-icon{grid-row:1/3;margin:0}.video-progress-card>strong{font-size:23px}.video-progress-card>span:not(.video-progress-icon){grid-column:2;font-size:11px}.video-progress-card .progress-track{grid-column:1/-1;margin:5px 0 0}.video-progress-card .video-catalog-pending{width:fit-content;margin-top:4px}.video-filters{gap:7px;display:grid;grid-template-columns:1fr 1fr}.video-filters>button{justify-content:space-between;font-size:12px;padding:10px 12px}.video-stages{gap:7px}.video-stage{padding:11px 9px;min-height:99px}.video-stage strong{font-size:10px;line-height:1.5}.video-stage-code{width:31px;height:30px;font-size:12px}.video-unit-head{gap:10px}.video-unit-head p{font-size:12px}.video-unit-count{font-size:10px}.video-planned{margin-left:24px;padding:15px;flex-wrap:wrap;gap:11px}.video-planned-symbol{width:39px;min-height:47px;font-size:15px}.video-planned>.btn{margin-left:50px;min-height:40px}.video-unit:not(:last-child):before{left:16px}.video-unit-dot{width:33px;height:33px;font-size:11px}.video-lessons{margin-left:24px}.video-filtered{margin:0}.video-lesson-open{gap:10px;padding:15px 11px}.video-row-play{display:none}.video-save{width:43px}.video-list-heading{align-items:flex-start;flex-direction:column;gap:6px}.video-player-layout{display:flex;flex-direction:column;gap:25px}.video-screen{max-width:340px;align-self:center}.video-player-details{width:100%}.video-player-details h1{font-size:28px}.video-player-actions>.btn{min-height:52px;font-size:15px}.video-player-nav>span{order:0;width:auto}.video-player-nav>.btn{font-size:12px}.video-study-steps>span{font-size:14px}.video-state{font-size:13px}.video-load{padding:22px 18px}.video-load>strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.video-stage,.video-entry,.video-lesson-open{transition:none}}
/* On a phone the button of an empty unit goes on its own row, so the text next to the symbol keeps its width. */
@media(max-width:760px){.video-planned{flex-wrap:wrap}.video-planned>div{flex:1 1 140px}.video-planned>.btn{flex:1 1 100%;margin:0}}