.course-lms-shell{display:grid;gap:24px;margin:26px auto 56px;max-width:1180px;padding:0 22px}
.course-lms-intro{align-items:center;background:linear-gradient(120deg,#071827,#123d5b);border-radius:20px;color:#fff;display:flex;gap:20px;padding:26px 30px}
.course-lms-intro .portal-eyebrow{color:#75dbe8}
.course-lms-intro h2{color:#fff;font-size:clamp(1.45rem,2.4vw,2rem);margin:5px 0}
.course-lms-intro p{color:#d2e2ed;margin:0;max-width:760px}
.course-extra-details{background:#fff;border:1px solid #dce7ee;border-radius:16px;box-shadow:0 12px 30px rgba(12,36,54,.06);padding:24px 28px}
.course-extra-details .portal-eyebrow{color:#087e9d}
.course-extra-details p{color:#455b6d;line-height:1.75;margin:10px 0 0;white-space:normal}
.course-lms-icon{align-items:center;background:#0a9baa;border-radius:16px;color:#fff;display:flex;flex:0 0 56px;font-size:22px;height:56px;justify-content:center}
.course-back-link{color:#e8f8fb;font-size:.9rem;margin-left:auto;white-space:nowrap}
.course-lms-message,.course-enrollment-card,.course-player-layout{background:#fff;border:1px solid #dce7ed;border-radius:18px;box-shadow:0 12px 34px rgba(13,43,62,.07)}
.course-lms-message{padding:26px 30px}
.course-lms-message strong{color:#102a40;font-size:1.05rem}
.course-lms-message p{color:#5e6f7d;margin:8px 0 0}
.course-enrollment-card{align-items:center;display:grid;gap:36px;grid-template-columns:minmax(0,1fr) minmax(240px,330px);padding:32px}
.course-enrollment-copy h3{color:#102a40;font-size:1.45rem;margin:7px 0}
.course-enrollment-copy p,.course-enrollment-copy li{color:#5c6c7a;line-height:1.65}
.course-enrollment-copy ul{display:grid;gap:7px;margin:18px 0 0;padding-left:20px}
.course-enrollment-action{background:#f2f8fa;border:1px solid #dfebef;border-radius:16px;display:grid;gap:13px;padding:22px}
.course-price-label{color:#5a6e7b;font-size:.86rem;font-weight:600}
.course-enrollment-action>strong{color:#0b253a;font-size:2rem}
.course-enrollment-action .button{justify-content:center;width:100%}
.course-enrollment-action small{color:#657785;line-height:1.5}
.course-player-layout{display:grid;gap:0;grid-template-columns:minmax(0,1fr) 330px;overflow:hidden}
.course-player-main{min-width:0;padding:22px}
.course-progress-summary{display:grid;gap:12px;margin-bottom:18px}
.course-progress-summary>div:first-child{align-items:center;display:flex;gap:12px;justify-content:space-between}
.course-progress-summary strong{color:#143149;font-size:.95rem}
.course-progress-track{background:#e5eef2;border-radius:99px;height:9px;overflow:hidden}
.course-progress-track span{background:linear-gradient(90deg,#087c9d,#21c0b6);border-radius:inherit;display:block;height:100%;transition:width .25s ease}
.course-video-frame{aspect-ratio:16/9;background:#06111c;border-radius:14px;overflow:hidden}
.course-video-player{display:block;height:100%;object-fit:contain;width:100%}
.course-current-lesson{padding:17px 2px 4px}
.course-current-lesson h3{color:#142f45;font-size:1.2rem;margin:5px 0}
.course-current-lesson p{color:#607180;line-height:1.6;margin:8px 0}
.course-video-note{align-items:center;color:#5c6e7c;display:flex;font-size:.83rem;gap:9px;margin:16px 0 0}
.course-video-note i{color:#07899e}
.course-complete-badge{color:#087d69;font-size:.88rem;font-weight:700}
.course-progress-token{display:none}
.course-lesson-panel{background:#f5f9fb;border-left:1px solid #e1eaee;padding:24px 20px}
.course-lesson-panel h3{color:#153149;margin:5px 0 16px}
.course-lesson-panel ol{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.course-lesson-panel li a{align-items:center;background:#fff;border:1px solid #e1e9ed;border-radius:12px;color:#233d50;display:flex;gap:11px;min-height:62px;padding:10px;text-decoration:none}
.course-lesson-panel li.is-current a{background:#eaf7f8;border-color:#1598a7}
.course-lesson-number{align-items:center;background:#e9f0f3;border-radius:50%;color:#315366;display:flex;flex:0 0 30px;font-size:.8rem;height:30px;justify-content:center}
.course-lesson-title{flex:1;font-size:.88rem;font-weight:650;line-height:1.35}
.course-lesson-title small{color:#768693;display:block;font-size:.75rem;font-weight:500;margin-top:4px}
.course-lesson-panel li>a>i{color:#07899e;font-size:.85rem}
.account-course-list{display:grid;gap:12px;margin-top:18px}
.account-course-item{align-items:center;border:1px solid #e3ebef;border-radius:14px;display:flex;gap:22px;justify-content:space-between;padding:18px}
.account-course-item h3{color:#163148;margin:5px 0}
.account-course-item p{color:#647482;font-size:.9rem;margin:0 0 10px}
.account-course-item-copy{flex:1}
.account-course-item .button{white-space:nowrap}
@media(max-width:860px){.course-player-layout{grid-template-columns:1fr}.course-lesson-panel{border-left:0;border-top:1px solid #e1eaee}.course-lesson-panel ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.course-lms-shell{gap:16px;margin:18px auto 38px;padding:0 14px}.course-lms-intro{align-items:flex-start;flex-wrap:wrap;padding:20px}.course-lms-icon{flex-basis:44px;height:44px}.course-back-link{margin:0 0 0 64px}.course-enrollment-card{gap:20px;grid-template-columns:1fr;padding:20px}.course-player-main{padding:14px}.course-progress-summary>div:first-child{align-items:flex-start;flex-direction:column;gap:5px}.course-lesson-panel{padding:18px 14px}.course-lesson-panel ol{grid-template-columns:1fr}.account-course-item{align-items:flex-start;flex-direction:column;padding:16px}.account-course-item .button{width:100%}}
