#stockEducationPage{min-height:calc(100vh - 60px);background:linear-gradient(180deg,#f6fdff 0,#eaf9fc 100%);padding:1px 0 40px}
.stock-education-page{width:min(1500px,calc(100% - 40px));margin:0 auto;padding:34px 0 45px}
.stock-education-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding:8px 4px 28px}
.stock-education-eyebrow{color:#0795a7;font-size:11px;font-weight:900;letter-spacing:1.6px}
.stock-education-hero h1{margin:7px 0 8px;color:#143d57;font-size:38px;line-height:1.12;letter-spacing:-1.1px}
.stock-education-hero p{max-width:700px;margin:0;color:#64809a;font-size:14px;line-height:1.6}
.stock-learning-summary{min-width:350px;display:grid;grid-template-columns:auto auto 1px auto auto 1px auto auto;align-items:center;gap:10px;padding:17px 20px;border:1px solid #c4eaf0;border-radius:11px;background:rgba(255,255,255,.9);box-shadow:0 5px 18px rgba(4,105,126,.06)}
.stock-learning-summary strong{font-size:22px}.stock-learning-summary span{color:#64809a;font-size:11px;font-weight:700}.stock-learning-summary i{width:1px;height:28px;background:#d7ecef}
.stock-path-progress{height:34px;position:relative;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;margin:0 7% 16px}
.stock-path-progress>div{position:absolute;left:10%;right:10%;top:16px;height:2px;background:#c7e5e9}
.stock-path-progress span{z-index:1;justify-self:center;width:28px;height:28px;display:grid;place-items:center;border:4px solid #edf9fb;border-radius:50%;background:#c7dde2;color:#547286;font-size:10px;font-weight:900}
.stock-path-progress span.active{background:#08a688;color:#fff;box-shadow:0 0 0 3px rgba(8,166,136,.14)}
.stock-course-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.stock-course-card{min-height:355px;position:relative;display:flex;flex-direction:column;padding:19px 18px 17px;overflow:hidden;border:1px solid #c4eaf0;border-radius:12px;background:linear-gradient(180deg,#fff,#f9fdfe);box-shadow:0 5px 18px rgba(4,105,126,.055);transition:.18s}
.stock-course-card:hover{transform:translateY(-3px);border-color:#8bd9e3;box-shadow:0 13px 30px rgba(4,93,111,.11)}
.stock-course-card.featured{border-top:4px solid #08a688;padding-top:16px}
.stock-course-number{position:absolute;right:14px;top:11px;color:#e1f1f4;font-size:45px;font-weight:950;line-height:1}
.stock-course-level{align-self:flex-start;position:relative;padding:5px 7px;border-radius:5px;background:#e4f8f4;color:#078971;font-size:9px;font-weight:900;letter-spacing:.5px}
.stock-course-level.intermediate{background:#e8f2ff;color:#2567ad}.stock-course-level.advanced{background:#f0ebff;color:#6d50b5}
.stock-course-icon{width:48px;height:48px;display:grid;place-items:center;margin:30px 0 17px;border-radius:11px;background:linear-gradient(145deg,#e4fbfc,#d3f4f7);color:#078b9b;font-size:28px;font-weight:900}
.stock-course-card.featured .stock-course-icon{background:linear-gradient(145deg,#dff9f2,#c7f0e6);color:#08a688}
.stock-course-card h2{margin:0 0 10px;font-size:18px;line-height:1.25;color:#143d57}.stock-course-card p{margin:0;color:#64809a;font-size:12px;line-height:1.55}
.stock-course-meta{display:flex;gap:13px;margin-top:auto;padding:18px 0 13px;color:#5d798d;font-size:10px;font-weight:750;flex-wrap:wrap}.stock-course-meta span:before{content:'•';margin-right:6px;color:#19b9c8}
.stock-course-card button{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid #bce5ea;border-radius:7px;background:#f4fcfd;color:#17566f;font-size:11px;font-weight:900;cursor:pointer}
.stock-course-card button:hover{border-color:#28bdcc;background:#e6fafc}.stock-course-card.featured button{border-color:#10a98c;background:#08a688;color:#fff}.stock-course-card button b{font-size:17px}
.stock-course-page{width:min(1480px,calc(100% - 32px));margin:auto;padding:19px 0 35px}
.stock-course-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 14px 2px;color:#6b8799;font-size:11px}
.stock-course-breadcrumb button{padding:0;border:0;background:transparent;color:#118a9b;font:inherit;font-weight:850;cursor:pointer}.stock-course-breadcrumb b{color:#42647b}
.stock-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:13px;align-items:start}
.stock-lesson-workspace,.stock-syllabus-panel{border:1px solid #c4eaf0;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(4,105,126,.06)}
.stock-lesson-workspace{padding:13px}.stock-video-shell{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#071d2a}.stock-video-shell iframe{width:100%;height:100%;border:0}
.stock-lesson-header{display:flex;justify-content:space-between;gap:22px;padding:20px 7px 15px}.stock-lesson-header>div{max-width:850px}.stock-lesson-header span:first-child{color:#0798aa;font-size:10px;font-weight:900;letter-spacing:1px}.stock-lesson-header h1{margin:6px 0 8px;font-size:27px;letter-spacing:-.45px;color:#143d57}.stock-lesson-header p{margin:0;color:#64809a;font-size:13px;line-height:1.6}
.stock-lesson-duration{align-self:flex-start;white-space:nowrap;padding:7px 10px;border-radius:6px;background:#eaf9fb;color:#277087;font-size:10px;font-weight:850}
.stock-lesson-notes{margin:0 7px;padding:16px 18px;border:1px solid #d4ebef;border-radius:8px;background:#f8fdfe}.stock-lesson-notes h2{margin:0 0 12px;font-size:14px}.stock-lesson-notes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stock-lesson-notes span{display:flex;align-items:center;gap:8px;color:#4c6b7e;font-size:11px}.stock-lesson-notes i{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:50%;background:#dff7f2;color:#078b75;font-size:9px;font-style:normal;font-weight:900}
.stock-lesson-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;padding:17px 7px 3px}.stock-lesson-actions button{height:39px;padding:0 14px;border:1px solid #c3e4e9;border-radius:7px;background:#f7fdfe;color:#285e77;font-size:11px;font-weight:900;cursor:pointer}.stock-lesson-actions button:last-child{justify-self:end}.stock-lesson-actions button:disabled{opacity:.4;cursor:not-allowed}.stock-lesson-actions .complete-btn{border-color:#72d3c0;background:#e9faf6;color:#07856f}.stock-lesson-actions .complete-btn.done{background:#08a688;color:#fff}
.stock-syllabus-panel{position:sticky;top:73px;overflow:hidden}.stock-syllabus-head{display:flex;gap:12px;padding:16px;border-bottom:1px solid #dcecef}.stock-syllabus-head>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:9px;background:linear-gradient(180deg,#22bea2,#07987e);color:#fff;font-size:16px;font-weight:950}.stock-syllabus-head small{color:#078a74;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.stock-syllabus-head h2{margin:4px 0 0;font-size:15px;line-height:1.25}
.stock-course-progress{padding:13px 16px;border-bottom:1px solid #e1eef1}.stock-course-progress>div{display:flex;justify-content:space-between;margin-bottom:7px;color:#5d788b;font-size:10px;font-weight:800}.stock-course-progress i{height:6px;display:block;overflow:hidden;border-radius:5px;background:#dcecef}.stock-course-progress em{height:100%;display:block;border-radius:5px;background:#08a688}
.stock-syllabus-list{max-height:540px;overflow:auto}.stock-syllabus-list button{width:100%;display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:9px;padding:12px 15px;border:0;border-bottom:1px solid #e4eff1;background:#fff;text-align:left;color:#143d57;cursor:pointer}.stock-syllabus-list button:hover{background:#f3fbfc}.stock-syllabus-list button.active{background:#eafaf7;border-left:3px solid #08a688;padding-left:12px}.stock-syllabus-list button>span:first-child{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eaf4f6;color:#537589;font-size:9px;font-weight:900}.stock-syllabus-list button.completed>span:first-child{background:#08a688;color:#fff}.stock-syllabus-list b,.stock-syllabus-list small{display:block}.stock-syllabus-list b{font-size:11px;line-height:1.3}.stock-syllabus-list small{margin-top:3px;color:#7991a0;font-size:9px}.stock-syllabus-list em{color:#7992a2;font-size:16px;font-style:normal}
.stock-back-courses{display:block;width:100%;padding:14px;border:0;background:#f8fdfe;color:#16889a;text-align:center;font-size:10px;font-weight:900;cursor:pointer}
@media(max-width:1250px){.stock-course-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.stock-course-layout{grid-template-columns:1fr}.stock-syllabus-panel{position:static;grid-row:1}.stock-syllabus-list{max-height:280px}.stock-lesson-notes>div{grid-template-columns:1fr}}
@media(max-width:900px){.stock-education-page{width:min(100% - 24px,760px);padding-top:24px}.stock-education-hero{align-items:flex-start;flex-direction:column}.stock-learning-summary{width:100%;min-width:0}.stock-course-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.stock-education-hero h1{font-size:29px}.stock-education-hero p{font-size:13px}.stock-course-grid{grid-template-columns:1fr}.stock-course-card{min-height:310px}.stock-course-page{width:calc(100% - 18px);padding-top:12px}.stock-lesson-workspace{padding:8px}.stock-lesson-header{align-items:flex-start;flex-direction:column}.stock-lesson-header h1{font-size:22px}.stock-lesson-actions{grid-template-columns:1fr 1fr}.stock-lesson-actions .complete-btn{grid-column:1/-1;grid-row:1}}