/* Training center: photographic course paths and local learning progress. */
.training-page{background:#fff}
.training-page main .wrap{width:calc(100% - 76px);max-width:1280px}
.training-hero{position:relative;isolation:isolate;display:flex;align-items:center;height:calc(clamp(220px,23vw,330px) + var(--header-height));overflow:hidden;background:#0b2137;color:#fff;padding-top:var(--header-height)}
.training-hero-art,.training-hero-shade{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center top}
.training-hero-shade{z-index:-1;background:linear-gradient(90deg,#04162bc9,#05182b55 43%,transparent 73%)}
.training-hero-copy{padding-block:24px}
.training-hero h1{font-size:clamp(44px,5.25vw,72px);line-height:1.22;letter-spacing:.015em;font-weight:900;text-shadow:0 2px 16px #00132455}
.training-hero p{font-size:clamp(18px,2.15vw,27px);font-weight:600;line-height:1.5;margin-top:9px}
.learning-shell{padding-top:18px;padding-bottom:24px}
.learning-progress-note{margin:0 0 10px;color:#66778f;font-size:12px;line-height:1.7}
.learning-path-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:18px}
.path-choice{display:flex;align-items:center;gap:21px;min-width:0;min-height:88px;text-align:left;padding:15px 27px;border:1px solid #e2e7f0;border-radius:13px;background:#fff;box-shadow:0 3px 10px #14253b03;transition:background .2s,border-color .2s,box-shadow .2s}
.path-choice>.icon{width:36px;height:36px;stroke-width:2}
.path-choice>span{flex:1;min-width:0}.path-choice strong,.path-choice small{display:block}
.path-choice strong{font-size:23px;line-height:1.45;font-weight:800}.path-choice small{font-size:14px;color:#63738e;line-height:1.7;white-space:nowrap}
.path-choice>.path-chevron{width:18px;height:22px;color:#74849d}
.path-choice:hover{border-color:#ff8952;box-shadow:0 4px 16px #ff5b080d}
.path-choice.is-active{background:linear-gradient(110deg,#ff650b,#ff5206);border-color:#ff5b08;color:#fff;box-shadow:0 5px 15px #ff5b0812}
.path-choice.is-active small,.path-choice.is-active>.path-chevron{color:#fff}
.featured-lesson{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:220px;padding:30px 36px;overflow:hidden;border-radius:11px;background:linear-gradient(115deg,#102b49,#173c5d);color:#fff}
.featured-art,.featured-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.featured-shade{z-index:-1;background:linear-gradient(90deg,#06182bcc 0%,#102c49d9 42%,#102c498c 70%,#071a32b8 100%)}
.featured-copy{max-width:70%;position:relative}
.featured-eyebrow{display:inline-block;padding:4px 14px;border:1px solid #ffffff7d;border-radius:5px;font-size:17px;line-height:1.6;background:#0b1b2b39}
.featured-copy h2{font-size:clamp(32px,3.5vw,48px);line-height:1.35;font-weight:900;letter-spacing:.01em;margin-top:18px}
.featured-copy>p:not(.featured-eyebrow){font-size:15px;line-height:1.8;margin-top:2px;text-shadow:0 1px 7px #04122288}
.featured-copy .button{font-size:22px;min-height:60px;gap:18px;margin-top:17px;padding:11px 37px}.featured-copy .button .icon{width:24px;height:24px}
.learning-stats{flex:0 0 190px;align-self:center;position:relative;padding:22px 20px 17px;border:1px solid #ffffff73;border-radius:11px;background:linear-gradient(120deg,#ffffff36,#ffffff17);box-shadow:0 5px 20px #0002;backdrop-filter:blur(16px);margin-top:10px}
.learning-stats>p:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:18px;font-weight:700;white-space:nowrap}.learning-stats strong{font:700 21px/1.4 Arial,sans-serif}
.learning-progress{height:7px;border-radius:8px;background:#ffffff63;overflow:hidden;margin:17px 0 14px}.learning-progress>span{display:block;width:0;height:100%;background:#ff6a15;border-radius:inherit;transition:width .25s}
.storage-note{font-size:11px;line-height:1.7;color:#e2e1e2}
.learning-reset{display:block;border:0;border-bottom:1px solid #ffffff45;color:#e2e1e2;background:none;padding:0;margin-top:7px;font-size:10px;line-height:1.5}.learning-reset:hover{color:#fff;border-color:#fff}
.learning-paths{display:grid;gap:0;margin-top:30px}
.learning-path{display:grid;grid-template-columns:188px minmax(0,1fr);gap:24px;padding:0 0 19px;scroll-margin-top:84px}.learning-path+.learning-path{border-top:1px solid #eff1f5;padding-top:19px}.learning-path:last-child{padding-bottom:0}
.learning-path-heading{padding-top:12px}.learning-path-heading h2{font-size:34px;font-weight:900;line-height:1.5;letter-spacing:-.025em}.learning-path-heading h2:after{content:"";display:block;width:42px;height:4px;border-radius:2px;background:var(--accent);margin-top:4px}.learning-path-heading p{font-size:15px;color:#5c6c85;line-height:1.6;margin-top:14px;max-width:150px}
.learning-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0}
.learning-lesson{min-width:0;overflow:hidden;background:#fff;border:1px solid #e4e9f1;border-radius:9px;box-shadow:0 4px 11px #0e294105;transition:box-shadow .2s,transform .2s,border-color .2s}
.learning-lesson.is-ready:hover,.learning-lesson.is-done:hover{transform:translateY(-3px);border-color:#ffc09e;box-shadow:0 8px 22px #162c4310}
.lesson-media{position:relative;min-height:150px;overflow:hidden;background:linear-gradient(135deg,#172e49,#275779);padding:15px 17px}.lesson-visual-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.lesson-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#081a2b30 15%,#071a2bcc 100%);z-index:0}.lesson-task-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.lesson-task-label,.lesson-number,.lesson-task-list{position:relative;z-index:1}.lesson-task-label{display:inline-flex;align-items:center;min-width:0;padding:4px 8px;border:1px solid #ffb58c;border-radius:4px;background:#fff4e9;color:#b84c1b;font-size:10px;font-weight:800;line-height:1.3}.lesson-task-list{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none;color:#f4f8fc;font-size:12px;line-height:1.5}.lesson-task-list li{display:flex;align-items:center;gap:7px;min-width:0}.lesson-task-list li>span{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1px solid #ff914f;border-radius:3px;background:#102b47;color:#ffb27f;font-size:10px;font-weight:800}.lesson-number{position:relative;display:grid;place-items:center;flex:0 0 auto;min-width:31px;height:25px;padding:0 6px;border-radius:4px;background:#ff6a16;color:#fff;font:700 13px/1 Arial,sans-serif}.learning-lesson:hover .lesson-task-list li>span{background:#ff6a16;color:#fff;transition:background .2s}
.lesson-number{position:static;z-index:1}
.learning-lesson[data-index="0"] .lesson-number,.is-ready .lesson-number,.is-done .lesson-number{background:linear-gradient(120deg,#ff7b16,#ff5607)}
.lesson-copy{padding:12px 20px 13px}.lesson-copy h3{font-size:21px;font-weight:800;line-height:1.4;white-space:nowrap}
.lesson-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;min-height:30px}.lesson-state{display:flex;align-items:center;gap:7px;min-width:0;color:#708098}.lesson-state-icon{width:21px;height:21px;stroke-width:1.8}.lesson-status{font-size:15px;line-height:1.5}.is-ready .lesson-state{color:var(--accent)}.is-ready .lesson-state-icon{display:none}.is-done .lesson-state{color:#258057}
.lesson-open{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;padding:5px;border-radius:50%;border:1px solid #71839e;background:#fff;color:#71839e;transition:color .2s,background .2s}.lesson-open>.icon{width:19px;height:19px}.lesson-open:disabled{cursor:not-allowed}.is-ready .lesson-open,.is-done .lesson-open{color:var(--accent);border-color:var(--accent)}.lesson-open:not(:disabled):hover{color:#fff;background:var(--accent)}
.course-preview{position:relative;isolation:isolate;overflow:hidden;background:#071b33;color:#fff;min-height:250px}.course-preview-background{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.course-preview:after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#04172bee,#061a32be 50%,#0c3b5f40),radial-gradient(ellipse at 80% 50%,#1670b88c,transparent 65%)}
.course-preview-layout{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;min-height:286px}.course-preview-copy{padding:32px 0;z-index:1}.course-preview h2{font-size:36px;line-height:1.5;font-weight:900}.course-preview h2:after{content:"";display:block;width:42px;height:4px;background:var(--accent);margin-top:3px}.course-preview-copy>p{margin-top:13px;font-size:15px;line-height:1.75;color:#e4eaf3}
.preview-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:25px;max-width:580px}.preview-features>a,.preview-features>button{display:flex;align-items:center;gap:11px;border:0;border-radius:0;background:none;color:inherit;padding:0 17px;text-align:left;min-height:46px}.preview-features>:first-child{padding-left:0}.preview-features>:last-child{padding-right:0}.preview-features>*+*{border-left:1px solid #d1deef85!important}.preview-features .icon{width:38px;height:38px;color:var(--accent)}.preview-features strong,.preview-features small{display:block;white-space:nowrap}.preview-features strong{font-size:15px;line-height:1.5}.preview-features small{font-size:12px;color:#c7d1de;line-height:1.6;margin-top:2px}.preview-features a:hover strong,.preview-features button:hover strong{color:#ff9b63}
.preview-kicker{margin:0!important;color:#ff9b63!important;font-size:11px!important;letter-spacing:.14em;text-transform:uppercase}.learning-tip-card{display:grid;grid-template-columns:1fr;align-items:center;gap:8px;max-width:330px;padding:24px;border:1px solid #b8d0e7;border-radius:13px;background:linear-gradient(145deg,#ffffff1c,#ffffff09);box-shadow:0 10px 28px #0002}.learning-tip-card strong{font-size:17px;color:#ffad7c}.learning-tip-card span{grid-column:1;color:#e1edf8;font-size:13px;line-height:1.6}.learning-tip-card small{grid-column:1;margin-top:8px;color:#afc4d9;font-size:10px;line-height:1.6}
.lesson-dashboard{position:absolute;inset:0;padding:13px;background:#081b31d9;color:#dcecff;z-index:1}.dashboard-screen{display:grid;grid-template-columns:34% 1fr;height:100%;overflow:hidden;border:1px solid #78a9d766;border-radius:5px;background:#eef4fa;color:#243853;font-size:9px}.dashboard-screen aside{padding:9px 7px;background:#173451;color:#aac4dd;line-height:2}.dashboard-screen aside b{display:block;color:#fff;font-size:10px;margin-bottom:4px}.dashboard-screen section{padding:11px;background:#f6f9fc}.dashboard-screen section strong,.dashboard-screen section span{display:block}.dashboard-screen section strong{font-size:12px}.dashboard-screen section span{margin-top:2px;color:#7387a0}.dashboard-plot{height:72px;margin-top:10px;border-radius:4px;background:#e7f0fa;overflow:hidden}.dashboard-plot svg{width:100%;height:100%}.chart-fill{fill:#ff7b4633}.chart-line{fill:none;stroke:#f36d34;stroke-width:3}.training-workspace{align-self:center;position:relative;min-width:0;max-width:520px;filter:drop-shadow(0 16px 30px #0005)}.workspace-label{display:block;margin:0 0 7px;color:#b5cde3;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.training-browser{display:grid;grid-template-columns:108px minmax(0,1fr);overflow:hidden;border:1px solid #a9c4df88;border-radius:8px;background:#eaf2fa;color:#243853}.training-browser>aside{display:grid;align-content:start;gap:8px;padding:12px 9px;background:#142f4c;color:#b7cde0;font-size:9px;line-height:1.5}.training-browser>aside span:not(.workspace-brand){padding:4px;border-radius:3px}.training-browser>aside .is-current{background:#e66b35;color:#fff}.workspace-brand{font-weight:800;color:#fff;font-size:13px}.workspace-brand small{display:block;color:#ff9b63;font-size:8px;letter-spacing:.12em}.training-browser-main{min-width:0;padding:10px;background:#f8fbfd}.workspace-search{padding:5px 8px;margin-bottom:7px;border:1px solid #d6e0eb;border-radius:4px;color:#8090a4;font-size:9px;background:#fff}.workspace-banner{display:block;width:100%;height:54px;object-fit:cover;border-radius:4px;margin-bottom:8px}.training-browser-main>strong{display:block;font-size:10px;margin-bottom:5px}.workspace-games{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.workspace-games img{display:block;width:100%;height:46px;object-fit:cover;border-radius:3px}

.learning-dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 24px 90px #071b334d;overflow:auto}.learning-dialog::backdrop{background:#07182bb3;backdrop-filter:blur(5px)}.learning-dialog-inner{padding:30px}.learning-dialog-head{position:relative;padding-right:32px}.training-page .section-eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--accent-dark);margin-bottom:8px}.learning-dialog h2{font-size:27px;line-height:1.5}.dialog-meta{color:#738198;font-size:13px;line-height:1.8;margin-top:5px}.dialog-close{position:absolute;top:-9px;right:-9px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#f3f5f8;color:#65758e;font:27px/1 Arial,sans-serif}.dialog-close:hover{background:#ffe9dc;color:var(--accent-dark)}.learning-dialog h3{font-size:16px;margin:23px 0 10px}.learning-dialog p:not(.section-eyebrow),.dialog-bullets{font-size:14px;line-height:1.9;color:#596a81}.dialog-bullets{padding-left:21px;margin:0}.dialog-guide{padding:15px 17px;border-radius:7px;background:#f4f7fb}.dialog-output{display:block;margin-top:15px;color:#6c7c93;font-size:12px;line-height:1.8}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e8edf3;margin-top:22px;padding-top:20px}.dialog-actions .button{min-height:44px;font-size:13px;padding:10px 22px}.dialog-actions .text-link{font-size:13px}.training-page .button-secondary{background:#f2f5f9;color:#53647c;border:1px solid #e3e8f0}.learning-reset-dialog .learning-dialog-inner>p{margin-top:15px}.learning-reset-dialog .dialog-actions{justify-content:flex-end}
@media(min-width:1500px){.lesson-copy{padding:14px 20px 15px}.learning-paths{margin-top:34px}.learning-path{padding-bottom:23px}.learning-path+.learning-path{padding-top:23px}}
@media(max-width:1200px){
.learning-path-switcher{gap:20px;margin-bottom:16px}.path-choice{min-height:80px;padding:12px 24px;gap:18px}.path-choice strong{font-size:21px}.path-choice small{font-size:13px}.path-choice>.icon{width:33px;height:33px}
 .featured-lesson{min-height:210px;padding:27px 30px}.featured-copy h2{font-size:40px}.featured-copy .button{min-height:54px;font-size:20px;padding-inline:33px}.featured-eyebrow{font-size:16px}.learning-stats{flex-basis:175px;padding:19px 17px 15px}.learning-stats>p:first-child{font-size:17px}.learning-stats strong{font-size:19px}
.learning-path{grid-template-columns:166px minmax(0,1fr);gap:20px;padding-bottom:17px}.learning-path+.learning-path{padding-top:17px}.learning-path-heading h2{font-size:31px}.learning-path-heading p{font-size:14px}.learning-lessons{gap:17px}.lesson-copy{padding:10px 17px 11px}.lesson-copy h3{font-size:19px}.lesson-status{font-size:14px}.lesson-number{min-width:38px;height:32px;font-size:18px}.lesson-open{width:28px;height:28px}
 .course-preview-layout{gap:24px;min-height:240px}.course-preview{min-height:240px}.course-preview h2{font-size:32px}.course-preview-copy>p{font-size:14px}.preview-features{margin-top:23px}.preview-features>a,.preview-features>button{gap:10px;padding-inline:15px}.preview-features strong{font-size:14px}.preview-features small{font-size:11px}.preview-features .icon{width:34px;height:34px}
}
@media(max-width:1050px){.training-hero h1{font-size:56px}
.path-choice{min-height:72px;padding:11px 22px;gap:17px}.path-choice strong{font-size:19px}.path-choice small{font-size:12px}.path-choice>.icon{width:31px;height:31px}.path-choice>.path-chevron{width:16px;height:20px}
.featured-lesson{min-height:250px;padding:27px}.featured-copy h2{font-size:38px;margin-top:16px}.featured-copy>p:not(.featured-eyebrow){font-size:14px}.featured-copy .button{min-height:50px;font-size:19px;margin-top:13px}.featured-eyebrow{font-size:15px;padding:3px 12px}.learning-stats{flex-basis:158px;padding:17px 16px 12px}.learning-stats>p:first-child{font-size:16px}.learning-stats strong{font-size:18px}.storage-note{font-size:10px}.learning-progress{margin:14px 0 12px;height:6px}
 .learning-paths{margin-top:26px}.learning-path{grid-template-columns:145px minmax(0,1fr);gap:18px;padding-bottom:15px}.learning-path+.learning-path{padding-top:15px}.learning-path-heading h2{font-size:29px}.learning-path-heading h2:after{width:35px;height:3px}.learning-path-heading p{font-size:13px;max-width:133px;margin-top:12px}.learning-lessons{gap:16px}.lesson-copy{padding:9px 16px 10px}.lesson-copy h3{font-size:17px}.lesson-footer{min-height:27px;margin-top:4px}.lesson-status{font-size:13px}.lesson-open{width:27px;height:27px}.lesson-open>.icon{width:17px;height:17px}.lesson-state-icon{width:19px;height:19px}
 .course-preview-copy{padding:27px 0}.course-preview h2{font-size:30px}.course-preview-copy>p{font-size:13px}.course-preview-layout{grid-template-columns:1.15fr 1fr}.preview-features strong{font-size:13px}.preview-features small{font-size:10px}.preview-features>a,.preview-features>button{gap:9px;padding-inline:11px}.preview-features .icon{width:31px;height:31px}
}
@media(max-width:900px){.training-page main .wrap{width:calc(100% - 48px)}
.training-hero{height:calc(180px + var(--header-height))}.training-hero h1{font-size:48px}.training-hero p{font-size:20px}.learning-path-switcher{gap:12px}.path-choice{padding:12px 16px;gap:12px}.path-choice strong{font-size:18px}.path-choice small{font-size:11px;white-space:normal}.path-choice>.icon{width:28px;height:28px}
.featured-copy{max-width:72%}.featured-copy h2{font-size:35px}.featured-lesson{padding:26px;gap:15px}.learning-stats{flex-basis:148px;padding-inline:13px}.featured-copy>p:not(.featured-eyebrow){max-width:340px}
 .learning-path{grid-template-columns:1fr;gap:15px;padding-bottom:22px}.learning-path+.learning-path{padding-top:20px}.learning-path-heading{display:flex;align-items:center;gap:22px;padding-top:0}.learning-path-heading h2{font-size:26px;white-space:nowrap}.learning-path-heading h2:after{margin-top:2px}.learning-path-heading p{max-width:none;margin-top:0;font-size:13px}.learning-path-heading p br{display:none}.learning-lessons{gap:15px}.lesson-copy{padding:11px 14px}.lesson-copy h3{font-size:17px}.lesson-status{font-size:12px}
 .course-preview-layout{grid-template-columns:1fr 1fr;gap:15px}.course-preview h2{font-size:28px}.preview-features{gap:12px;margin-top:22px}.preview-features>a,.preview-features>button{flex-direction:column;align-items:flex-start;gap:6px;padding-inline:9px}.preview-features strong{font-size:12px}.preview-features small{font-size:10px}.preview-features .icon{width:27px;height:27px}
}
@media(max-width:600px){
.training-page main .wrap{width:calc(100% - 32px)}
 .training-hero{height:calc(180px + var(--header-height))}.training-hero-art{object-position:75% center}.training-hero-shade{background:linear-gradient(90deg,#04162be0,#05182b55 75%,#05182b24)}.training-hero-copy{padding-block:26px}.training-hero h1{font-size:clamp(31px,8.5vw,46px);letter-spacing:0;max-width:100%;white-space:normal}.training-hero p{font-size:17px;margin-top:13px}
.learning-shell{padding-top:14px;padding-bottom:24px}.learning-path-switcher{gap:8px;margin-bottom:14px}.path-choice{flex-direction:column;align-items:flex-start;gap:6px;padding:13px 11px;min-height:106px;border-radius:10px;position:relative}.path-choice>.icon{width:25px;height:25px}.path-choice>.path-chevron{position:absolute;right:9px;top:15px;width:13px;height:17px}.path-choice>span{flex:0 0 auto}.path-choice strong{font-size:15px;line-height:1.6}.path-choice small{font-size:10px;line-height:1.5;max-width:96px}
 .featured-lesson{min-height:300px;padding:22px;align-items:flex-start;border-radius:10px;display:block}.featured-copy{max-width:100%;z-index:1}.featured-eyebrow{font-size:12px;padding:3px 10px}.featured-copy h2{font-size:30px;margin-top:14px;max-width:100%}.featured-copy>p:not(.featured-eyebrow){font-size:12px;max-width:255px;line-height:1.7;margin-top:6px}.featured-copy .button{min-height:44px;font-size:16px;padding:9px 23px;gap:11px;margin-top:17px}.featured-copy .button .icon{width:20px;height:20px}
.learning-stats{position:absolute;right:18px;left:18px;bottom:16px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px 15px;margin:0;padding:10px 13px;border-radius:8px;background:#0e1e2d59;backdrop-filter:blur(12px)}.learning-stats>p:first-child{font-size:12px;gap:9px}.learning-stats strong{font-size:14px}.learning-progress{margin:0;height:5px}.storage-note{grid-column:1/-1;font-size:9px}.learning-reset{position:absolute;right:13px;bottom:10px;margin:0;font-size:9px}
  .learning-paths{margin-top:25px}.learning-path{gap:13px;padding-bottom:22px}.learning-path+.learning-path{padding-top:20px}.learning-path-heading{display:block}.learning-path-heading h2{font-size:25px;line-height:1.3}.learning-path-heading h2:after{width:32px;margin-top:7px}.learning-path-heading p{font-size:12px;margin-top:9px;line-height:1.5}.learning-lessons{grid-template-columns:1fr;gap:11px}.learning-lesson{display:grid;grid-template-columns:42% 1fr;border-radius:8px;min-height:105px}.lesson-media{min-height:105px;padding:12px}.lesson-task-list{gap:4px;margin-top:8px;font-size:10px}.lesson-task-list li>span{flex-basis:15px;width:15px;height:15px}.lesson-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:14px 15px}.lesson-copy h3{font-size:17px;line-height:1.5;white-space:normal}.lesson-footer{margin-top:9px;gap:6px}.lesson-status{font-size:12px}.lesson-state{gap:5px}.lesson-open{width:28px;height:28px}.lesson-state-icon{width:17px;height:17px}
 .course-preview-layout{display:block;min-height:0}.course-preview-copy{padding:25px 0 0}.course-preview h2{font-size:27px}.course-preview h2:after{width:34px;height:3px;margin-top:5px}.course-preview-copy>p{font-size:12px;margin-top:12px}.preview-features{max-width:450px;gap:0;margin-top:21px}.preview-features>a,.preview-features>button{flex-direction:row;align-items:center;padding:0 10px;gap:8px}.preview-features>:first-child{padding-left:0}.preview-features>:last-child{padding-right:0}.preview-features strong{font-size:11px}.preview-features small{font-size:9px;white-space:normal}.preview-features .icon{width:26px;height:26px}.learning-tip-card{margin:18px auto 0;max-width:420px}

.learning-dialog-inner{padding:23px 20px}.learning-dialog h2{font-size:23px}.learning-dialog p:not(.section-eyebrow),.dialog-bullets{font-size:13px}.dialog-actions{align-items:stretch;flex-direction:column;gap:16px}.dialog-actions .button{width:100%}.dialog-actions .text-link{align-self:flex-start;font-size:12px}.learning-reset-dialog .dialog-actions{flex-direction:row;gap:10px}.dialog-close{right:-6px;top:-6px}
}

/* Wide desktop route scaling. Lesson paths retain three lesson cards per row. */
@media(min-width:1600px){
  .training-page main .wrap{
    width:min(clamp(1280px,83.333333vw,2560px),calc(100% - clamp(64px,5vw,160px)));
    max-width:none;
  }
  .training-hero{height:calc(clamp(330px,22vw,580px) + var(--header-height));}
  .training-hero-copy{padding-block:clamp(24px,2.5vw,64px)}
  .training-hero h1{font-size:clamp(72px,4.166667vw,112px)}
  .training-hero p{font-size:clamp(27px,1.666667vw,40px);margin-top:clamp(9px,.833333vw,20px)}
  .learning-shell{padding-top:clamp(18px,1.666667vw,40px);padding-bottom:clamp(24px,2.5vw,64px)}
  .learning-progress-note{margin-bottom:clamp(10px,.833333vw,20px);font-size:var(--portal-small,clamp(13px,.677083vw,18px))}
  .learning-path-switcher{gap:clamp(24px,1.666667vw,40px);margin-bottom:clamp(18px,1.25vw,30px)}
  .path-choice{gap:clamp(21px,1.458333vw,35px);min-height:clamp(88px,6.25vw,150px);padding:clamp(15px,1.041667vw,25px) clamp(27px,1.875vw,45px);border-radius:clamp(13px,.833333vw,20px)}
  .path-choice>.icon{width:clamp(36px,2.5vw,60px);height:clamp(36px,2.5vw,60px)}
  .path-choice strong{font-size:clamp(23px,1.458333vw,35px)}
  .path-choice small{font-size:var(--portal-small,clamp(13px,.677083vw,18px))}
  .path-choice>.path-chevron{width:clamp(18px,1.25vw,30px);height:clamp(22px,1.458333vw,35px)}
  .featured-lesson{gap:clamp(25px,1.666667vw,40px);min-height:clamp(220px,15vw,384px);padding:clamp(30px,2.5vw,64px) clamp(36px,2.5vw,64px);border-radius:clamp(11px,.729167vw,18px)}
  .featured-eyebrow{font-size:clamp(17px,1.041667vw,25px);padding:clamp(4px,.416667vw,10px) clamp(14px,.9375vw,23px)}
  .featured-copy h2{font-size:clamp(48px,3.125vw,80px);margin-top:clamp(18px,1.25vw,30px)}
  .featured-copy>p:not(.featured-eyebrow){font-size:clamp(15px,1vw,24px)}
  .learning-stats{flex-basis:clamp(190px,12vw,320px);padding:clamp(22px,1.5vw,58px) clamp(20px,1.25vw,48px) clamp(17px,1.125vw,43px);border-radius:clamp(11px,.75vw,18px)}
  .learning-stats>p:first-child{gap:clamp(12px,.75vw,18px);font-size:clamp(18px,1.2vw,29px)}
  .learning-stats strong{font-size:clamp(21px,1.4vw,34px)}
  .learning-progress{height:clamp(7px,.5vw,16px);margin:clamp(17px,1.125vw,43px) 0 clamp(14px,.9375vw,36px)}
  .storage-note{font-size:clamp(11px,.7vw,17px)}
  .learning-reset{margin-top:clamp(7px,.5vw,12px);font-size:clamp(10px,.625vw,15px)}
  .learning-paths{margin-top:clamp(30px,2.5vw,64px)}
  .learning-path{grid-template-columns:clamp(188px,12vw,360px) minmax(0,1fr);gap:clamp(24px,1.666667vw,40px);padding-bottom:clamp(19px,1.666667vw,40px)}
  .learning-path+.learning-path{padding-top:clamp(19px,1.666667vw,40px)}
  .learning-path-heading{padding-top:clamp(12px,.833333vw,20px)}
  .learning-path-heading h2{font-size:clamp(34px,2.083333vw,50px)}
  .learning-path-heading p{font-size:var(--portal-small,clamp(13px,.677083vw,18px));max-width:clamp(150px,10vw,240px)}
  .learning-lessons{gap:clamp(20px,1.458333vw,35px)}
  .lesson-media{min-height:clamp(150px,10vw,280px);padding:clamp(15px,1.041667vw,25px) clamp(17px,1.145833vw,28px)}
  .lesson-task-label{font-size:var(--portal-small,clamp(13px,.677083vw,18px));padding:clamp(4px,.416667vw,10px) clamp(8px,.625vw,15px)}
  .lesson-task-list{gap:clamp(6px,.416667vw,10px);margin-top:clamp(10px,.833333vw,20px);font-size:var(--portal-small,clamp(13px,.677083vw,18px))}
  .lesson-task-list li>span{flex-basis:clamp(17px,1.145833vw,28px);width:clamp(17px,1.145833vw,28px);height:clamp(17px,1.145833vw,28px);font-size:clamp(10px,.625vw,15px)}
  .lesson-media .lesson-number{top:clamp(14px,.9375vw,23px);right:clamp(15px,1.041667vw,25px);min-width:clamp(31px,2.083333vw,50px);height:clamp(25px,1.666667vw,40px);font-size:clamp(13px,.833333vw,20px)}
  .lesson-copy{padding:clamp(12px,.833333vw,20px) clamp(20px,1.458333vw,35px) clamp(13px,.9375vw,23px)}
  .lesson-copy h3{font-size:clamp(21px,1.354167vw,32px)}
  .lesson-footer{margin-top:clamp(5px,.416667vw,10px);min-height:clamp(30px,2.083333vw,50px)}
  .lesson-status{font-size:var(--portal-small,clamp(13px,.677083vw,18px))}
  .lesson-open{width:clamp(31px,2.083333vw,50px);height:clamp(31px,2.083333vw,50px)}
  .course-preview{min-height:clamp(250px,17.5vw,448px)}
  .course-preview-layout{gap:clamp(35px,2.5vw,64px);min-height:clamp(286px,20vw,512px)}
  .course-preview-copy{padding:clamp(32px,2.5vw,64px) 0}
  .course-preview h2{font-size:clamp(36px,2.5vw,60px)}
  .course-preview-copy>p{font-size:clamp(15px,1vw,24px)}
  .preview-features{margin-top:clamp(25px,1.666667vw,40px);max-width:clamp(580px,40vw,1024px)}
  .preview-features strong{font-size:var(--portal-small,clamp(13px,.677083vw,18px))}
  .preview-features small{font-size:clamp(12px,.625vw,15px)}
  .training-workspace{width:100%;max-width:clamp(520px,32.5vw,1000px)}
  .workspace-label{margin-bottom:clamp(7px,.5vw,12px);font-size:clamp(10px,.625vw,15px)}
  .training-browser{grid-template-columns:clamp(108px,7vw,220px) minmax(0,1fr);border-radius:clamp(8px,.5vw,12px)}
  .training-browser>aside{gap:clamp(8px,.5vw,12px);padding:clamp(12px,.75vw,18px) clamp(9px,.625vw,15px);font-size:clamp(9px,.6vw,15px)}
  .training-browser>aside span:not(.workspace-brand){padding:clamp(4px,.25vw,6px)}
  .workspace-brand{font-size:clamp(13px,.833333vw,20px)}
  .workspace-brand small{font-size:clamp(8px,.5vw,12px)}
  .training-browser-main{padding:clamp(10px,.625vw,15px)}
  .workspace-search{padding:clamp(5px,.375vw,9px) clamp(8px,.5vw,12px);margin-bottom:clamp(7px,.5vw,12px);font-size:clamp(9px,.6vw,15px)}
  .workspace-banner{height:clamp(54px,3.5vw,108px);margin-bottom:clamp(8px,.5vw,12px);border-radius:clamp(4px,.25vw,6px)}
  .training-browser-main>strong{font-size:clamp(10px,.667vw,16px);margin-bottom:clamp(5px,.333vw,8px)}
  .workspace-games{gap:clamp(5px,.333vw,8px)}
  .workspace-games img{height:clamp(46px,3vw,92px);border-radius:clamp(3px,.2vw,5px)}
  .lesson-dashboard{padding:clamp(13px,.833333vw,20px)}
  .dashboard-screen{border-radius:clamp(5px,.333vw,8px);font-size:clamp(9px,.6vw,15px)}
  .dashboard-screen aside{padding:clamp(9px,.583333vw,14px) clamp(7px,.458333vw,11px)}
  .dashboard-screen aside b{font-size:clamp(10px,.667vw,16px);margin-bottom:clamp(4px,.25vw,6px)}
  .dashboard-screen section{padding:clamp(11px,.708333vw,17px)}
  .dashboard-screen section strong{font-size:clamp(12px,.8vw,19px)}
  .dashboard-screen section span{margin-top:clamp(2px,.167vw,4px);font-size:clamp(9px,.6vw,15px)}
  .dashboard-plot{height:clamp(72px,5vw,160px);max-height:160px;margin-top:clamp(10px,.667vw,16px)}
}
@media(max-width:360px){.path-choice{padding-inline:9px}.path-choice strong{font-size:14px}.path-choice small{font-size:9px}.featured-copy h2{font-size:27px}.lesson-copy{padding-inline:11px}.lesson-copy h3{font-size:15px}.lesson-status{font-size:11px}.preview-features>a,.preview-features>button{gap:5px;padding-inline:7px}.preview-features .icon{width:23px;height:23px}.preview-features strong{font-size:10px}.preview-features small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.path-choice,.learning-lesson,.lesson-task-visual,.learning-progress>span{transition:none}.learning-lesson:hover,.training-page .button:hover{transform:none}}

/* Keep the restored course number readable over photographic cards. */
.lesson-media:after{background:linear-gradient(180deg,#081a2b05,#071a2b24)}
.lesson-media .lesson-number{position:absolute;top:14px;right:15px;z-index:2}
@media(max-width:600px){
  .lesson-media .lesson-number{top:8px;right:8px;min-width:26px;height:24px;font-size:12px}
  .lesson-dashboard{padding:8px}
  .dashboard-screen{grid-template-columns:1fr}
  .dashboard-screen aside{display:none}
  .dashboard-screen section{padding:9px 7px}
  .dashboard-screen section strong{max-width:calc(100% - 28px);font-size:10px;line-height:1.5}
  .dashboard-screen section span{font-size:8px;line-height:1.4}
  .dashboard-plot{height:38px;margin-top:5px}
  .training-workspace{margin:18px auto 24px}
}