.evl-player,.evl-lesson-list{color:#102b50}.evl-player{padding:clamp(16px,2.5vw,32px);border:1px solid #dce5ee;border-radius:18px;background:#fff;box-shadow:0 12px 32px #102b500c}.evl-player-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.evl-player-header h1,.evl-lesson-list h1{margin:4px 0 7px;font-size:clamp(1.6rem,2.8vw,2.35rem);letter-spacing:-.025em}.evl-player-header p:last-child,.evl-lesson-list header>p:last-child{color:#5d728c}.evl-progress{height:8px;margin-top:18px;border-radius:99px;background:#e8eef4;overflow:hidden}.evl-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0c65b6,#ddb334);transition:width .25s}.evl-progress-caption{margin:7px 0 20px;color:#687d96;font-size:.84rem}.evl-scene-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:16px 0;border-top:1px solid #e7edf2;border-bottom:1px solid #e7edf2}.evl-scene-heading h2{margin:3px 0 0;font-size:clamp(1.25rem,2vw,1.75rem)}.evl-scene-nav{display:flex;flex-wrap:wrap;gap:6px}.evl-scene-nav button{width:38px;height:38px;border:1px solid #d6e0ea;border-radius:50%;background:#fff;color:#60758d;font-weight:800}.evl-scene-nav button:disabled{opacity:.35}.evl-scene-nav button.is-current{border-color:#c69425;background:#102e52;color:#fff;box-shadow:0 0 0 3px #f7e9c5}.evl-scene-nav button.is-done:not(.is-current){border-color:#62ac81;background:#eef8f1;color:#21643b}.evl-main-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px;margin-top:20px}.evl-visual-column,.evl-teaching-column{min-width:0}.evl-visual{margin:0;padding:16px;border:1px solid #dfe7ef;border-radius:14px;background:#f7f9fc}.evl-visual-stage{display:grid;align-content:center;min-height:350px;padding:clamp(14px,2vw,25px);border-radius:11px;background:linear-gradient(145deg,#fff,#f4f8fc)}.evl-visual figcaption{padding-top:12px;color:#5e7188;font-size:.88rem;line-height:1.5}.evl-node{display:grid;gap:7px;min-width:100px;padding:14px 10px;border:1px solid #d0dce8;border-top:3px solid #c49838;border-radius:10px;background:#fff;text-align:center;box-shadow:0 5px 16px #102b500a}.evl-node strong{font-size:.78rem;letter-spacing:.06em}.evl-node span{color:#5e7188;font-size:.84rem}.evl-node.evl-blue{border-top-color:#1973bd;background:#f3f8ff}.evl-node.evl-gold{border-top-color:#c99a35;background:#fffaf0}.evl-arrow{align-self:center;color:#bd902c;font-size:1.5rem;font-weight:900}.evl-path{display:flex;align-items:stretch;justify-content:center;gap:8px}.evl-home-scene{display:grid;gap:18px;text-align:center}.evl-home{display:grid;place-items:center;min-height:135px;border-radius:11px;color:white;font-weight:900;letter-spacing:.12em;background:linear-gradient(120deg,#123456dd,#2269a0aa),url('./public/assets/ev-course-hero.png') center 58%/cover}.evl-house{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.evl-house span,.evl-recap-grid span,.evl-feature-grid span{padding:14px;border:1px solid #d9e3ed;border-radius:10px;background:#fff;font-weight:800}.evl-home-scene>p{margin:0;color:#5d728c}.evl-diagram-pair{display:grid;gap:24px}.evl-diagram-pair section{padding:15px;border:1px solid #dce6f0;border-radius:12px;background:#fff}.evl-diagram-pair h3{margin:0 0 13px;font-size:1rem}.evl-diagram-pair .evl-path{gap:6px}.evl-diagram-pair .evl-node{min-width:0;flex:1;padding:10px 6px}.evl-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.evl-mode-grid article{display:grid;gap:9px;align-content:start;padding:17px;border:1px solid #d9e3ed;border-radius:12px;background:#fff}.evl-mode-grid article>b{color:#9a711c;letter-spacing:.08em}.evl-mode-grid article>span{font-weight:750}.evl-mode-grid article>small{color:#5d728c;line-height:1.45}.evl-cases-grid{grid-template-columns:1fr}.evl-cases-grid article{grid-template-columns:100px 1fr auto;align-items:center}.evl-connector{justify-items:center;text-align:center}.evl-connector>div{display:grid;place-items:center;width:72px;height:72px;border:8px solid #18395c;border-radius:50%;color:#b68727;font-weight:900;font-size:1.55rem;background:radial-gradient(circle,#fff 45%,#e8eef5 47%)}.evl-diagram-note{color:#657a92;font-size:.83rem}.evl-calc{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;border:1px solid #dce5ee;border-radius:12px;background:#fff}.evl-calc>div{display:grid;gap:7px;text-align:center}.evl-calc>div span{font-size:1.4rem;font-weight:900;color:#12385e}.evl-calc>div b{color:#667b93}.evl-calc>div strong{padding:9px 13px;border-radius:8px;background:#fff3d6;color:#8a6516}.evl-calc-op{font-weight:900;font-size:1.4rem;color:#b7892c}.evl-three-phase{display:grid;gap:8px;margin-top:14px;padding:17px;border-left:4px solid #2475b9;border-radius:8px;background:#eef6fd}.evl-three-phase span{font-size:1.08rem;font-weight:800}.evl-three-phase small{color:#60758d}.evl-feature-grid,.evl-recap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evl-scenario{display:grid;gap:24px}.evl-scenario .evl-node{min-width:0;flex:1}.evl-scenario-check{display:grid;gap:9px;padding:18px;border:1px solid #e9d6a8;border-radius:12px;background:#fffaf0}.evl-scenario-check b{color:#9a711c}.evl-scenario-check small{color:#687d96}.evl-reference{display:grid;gap:7px;margin-top:12px;padding:13px 15px;border:1px solid #e7edf2;border-radius:10px;color:#5d728c;font-size:.87rem}.evl-reference b{color:#a47b22;font-size:.71rem;letter-spacing:.12em}.evl-reference a{color:#145b98;font-weight:800}.evl-audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:12px;border:1px solid #dce5ee;border-radius:12px;background:#f8fafc}.evl-audio-controls p{flex-basis:100%;margin:1px 0 0;color:#687d96;font-size:.84rem}.evl-teaching-blocks{display:grid;gap:10px}.evl-teach-block{padding:15px 16px;border:1px solid #dce5ee;border-left:3px solid #d0a23a;border-radius:10px;background:#fff;transition:background .18s,border-color .18s,box-shadow .18s}.evl-teach-block.is-speaking{border-color:#c99b37;background:#fffaf0;box-shadow:0 0 0 3px #f5e8c8}.evl-teach-block>span{color:#9b7424;font-weight:850;font-size:.72rem;letter-spacing:.12em}.evl-teach-block>p{margin:8px 0 0;font-size:1rem;font-weight:750;line-height:1.45}.evl-teach-block details{margin-top:7px;color:#687d96;font-size:.88rem}.evl-teach-block summary{cursor:pointer;font-weight:700}.evl-teach-block details p{margin:7px 0 0;line-height:1.6}.evl-checks{margin-top:20px;padding-top:18px;border-top:1px solid #e2eaf1}.evl-quiz{margin:0 0 18px;padding:18px;border:1px solid #dce5ee;border-radius:12px;background:#fbfcfe}.evl-quiz h3{margin:4px 0 14px;font-size:1.08rem;line-height:1.45}.evl-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.evl-option{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 12px;border:1px solid #d9e3ed;border-radius:9px;background:#fff;color:#183757;text-align:left;line-height:1.4;cursor:pointer}.evl-option span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:7px;background:#eaf0f6;font-weight:900}.evl-option:hover:not(:disabled){border-color:#bb8d2e;background:#fffaf0}.evl-option.is-correct{border-color:#8dc4a0;background:#eff8f1;color:#23633c}.evl-option.is-wrong{border-color:#d79797;background:#fff5f5;color:#8a3939}.evl-feedback{min-height:22px;margin:11px 0 0;color:#536985;line-height:1.5}.evl-check-hint{color:#687d96;font-size:.88rem}.evl-player-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;border-top:1px solid #e2eaf1}.evl-player-footer p{margin:0;color:#687d96;text-align:center;font-size:.87rem}.evl-player-footer button:disabled{opacity:.5;cursor:not-allowed}.evl-save-status{margin:10px 0 0;color:#6b7f96;font-size:.8rem;text-align:right}.evl-lesson-list{padding:clamp(18px,3vw,32px);border:1px solid #dce5ee;border-radius:18px;background:#fff}.evl-lesson-list header{margin-bottom:18px}.evl-lesson-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.evl-lesson-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px;border:1px solid #dce5ee;border-radius:13px;background:#fff}.evl-lesson-card.is-start{grid-column:1/-1;border-top:3px solid #c59a38;background:linear-gradient(120deg,#fff,#f7faff)}.evl-lesson-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f5e9cb;color:#906815;font-weight:900}.evl-lesson-card h2{margin:0 0 5px;font-size:1rem}.evl-lesson-card p:last-child{margin:0;color:#637890;font-size:.87rem;line-height:1.45}.evl-lesson-card .ev-eyebrow{margin-bottom:4px}.evl-locked{padding:8px 10px;border-radius:8px;background:#f2f5f8;color:#75869a;font-size:.7rem;font-weight:850;letter-spacing:.06em;white-space:nowrap}
@media(max-width:950px){.evl-main-grid{grid-template-columns:1fr}.evl-visual-stage{min-height:270px}.evl-lesson-card{grid-template-columns:40px 1fr}.evl-lesson-card .ev-button,.evl-locked{grid-column:2;justify-self:start}}
@media(max-width:600px){.evl-player{padding:14px}.evl-player-header{display:grid}.evl-player-header .ev-button{justify-self:start}.evl-scene-heading{align-items:flex-start;flex-direction:column}.evl-scene-nav{gap:5px}.evl-scene-nav button{width:32px;height:32px;font-size:.8rem}.evl-path{flex-direction:column}.evl-arrow{transform:rotate(90deg)}.evl-diagram-pair .evl-path{flex-direction:column}.evl-diagram-pair .evl-arrow{transform:rotate(90deg)}.evl-house,.evl-mode-grid,.evl-feature-grid,.evl-recap-grid,.evl-options{grid-template-columns:1fr}.evl-cases-grid article{grid-template-columns:1fr}.evl-connector{justify-items:start;text-align:left}.evl-calc{gap:10px;padding:12px}.evl-calc>div span{font-size:1.05rem}.evl-player-footer{display:grid;grid-template-columns:1fr 1fr}.evl-player-footer p{grid-column:1/-1;grid-row:1}.evl-player-footer button{width:100%}.evl-save-status{text-align:left}.evl-lesson-cards{grid-template-columns:1fr}.evl-lesson-card.is-start{grid-column:auto}.evl-lesson-card{grid-template-columns:38px minmax(0,1fr)}.evl-lesson-card .ev-button,.evl-locked{grid-column:1/-1}}
.evl-connector-face{position:relative;display:grid!important;grid-template-columns:repeat(3,10px);grid-auto-rows:10px;align-content:center;justify-content:center;gap:6px;width:78px!important;height:78px!important;padding:10px;box-sizing:border-box;border:3px solid #18395c!important;border-radius:42% 42% 48% 48%!important;background:#f2f6fa!important;color:inherit!important}.evl-connector-face i{display:block;width:10px;height:10px;border-radius:50%;background:#c49736}.evl-type-one i:nth-child(n+6){display:none}.evl-type-two i:nth-child(n+8){display:none}.evl-type-three{border-radius:30%!important;background:repeating-linear-gradient(0deg,#e8eef5 0 4px,#fff 4px 8px)!important}.evl-type-three i{display:none}.evl-type-three:after{content:'SHUTTER';position:absolute;inset:auto 3px 7px;color:#264767;font-size:7px;font-weight:900;letter-spacing:.04em}
.evl-audio-warning{margin:0;padding:10px 12px;border-radius:8px;background:#fff5e4;color:#75561c;font-size:.82rem;line-height:1.45}

/* Premium EV lesson selection cards; lesson player styles above remain unchanged. */
.evl-lesson-list{padding:clamp(20px,3vw,38px);border-color:#dbe4ee;border-radius:20px;background:linear-gradient(155deg,#fff 0%,#f7f9fc 100%);box-shadow:0 18px 42px #102b5010}
.evl-lesson-list header{margin-bottom:26px}
.evl-lesson-list header>p:last-child{max-width:700px;margin-bottom:0}
.evl-lesson-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.6vw,24px);align-items:stretch}
.evl-lesson-card,.evl-lesson-card.is-start{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:0;overflow:hidden;border:1px solid #d9e2ec;border-top:3px solid #c89e42;border-radius:16px;background:#fff;box-shadow:0 10px 28px #102b5011;grid-column:auto}
.evl-lesson-image{aspect-ratio:16/9;overflow:hidden;background:#e8edf2}
.evl-lesson-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}
.evl-lesson-card:first-child .evl-lesson-image img{object-position:center 54%}
.evl-lesson-card-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:clamp(17px,1.8vw,23px)}
.evl-lesson-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.evl-lesson-card-heading .ev-eyebrow{margin:0;color:#987221}
.evl-lesson-number{width:38px;height:38px;flex:none;border:1px solid #dfc67f;background:#fcf7e9;color:#85631b;font-size:.88rem}
.evl-lesson-card h2{margin:0 0 10px;color:#102b50;font-size:clamp(1.05rem,1.25vw,1.3rem);line-height:1.25;letter-spacing:-.02em}
.evl-lesson-description{min-height:3.1em;margin:0 0 20px;color:#60748c;font-size:.9rem;line-height:1.55}
.evl-lesson-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:0;padding-top:16px;border-top:1px solid #e6ebf1}
.evl-availability{color:#7a8797;font-size:.68rem;font-weight:900;letter-spacing:.11em}
.evl-availability.is-available{color:#246944}
.evl-lesson-card .ev-button{min-height:42px;padding:9px 13px;border-radius:9px;font-size:.72rem;letter-spacing:.035em;white-space:nowrap}
.evl-lesson-card .ev-button-primary{border-color:#102f53;background:#102f53;color:#fff;box-shadow:0 5px 14px #102f531b}
.evl-lesson-card .ev-button-disabled{border-color:#dce3ea;background:#f3f5f8;color:#758396;cursor:not-allowed}
@media (hover:hover) and (pointer:fine) and (min-width:951px){.evl-lesson-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.evl-lesson-card:hover,.evl-lesson-card:focus-within{transform:translateY(-3px);border-color:#c69a3d;box-shadow:0 18px 36px #102b5020}.evl-lesson-card:hover .evl-lesson-image img,.evl-lesson-card:focus-within .evl-lesson-image img{transform:scale(1.04)}}
@media(max-width:1100px){.evl-lesson-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.evl-lesson-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.evl-lesson-list{padding:18px}.evl-lesson-cards{grid-template-columns:1fr;gap:15px}.evl-lesson-card-body{padding:17px}.evl-lesson-description{min-height:0;margin-bottom:17px}.evl-lesson-card-footer{align-items:stretch;flex-direction:column}.evl-lesson-card-footer .ev-button{width:100%}}
@media(prefers-reduced-motion:reduce){.evl-lesson-card,.evl-lesson-image img{transition:none!important}.evl-lesson-card:hover,.evl-lesson-card:focus-within{transform:none;box-shadow:0 10px 28px #102b5011}.evl-lesson-card:hover .evl-lesson-image img,.evl-lesson-card:focus-within .evl-lesson-image img{transform:none}}
.evl-lesson-progress{margin:-10px 0 18px;color:#667b94;font-size:.78rem;font-weight:700}
.evl-lesson-practice-link{display:inline-block;align-self:flex-start;margin:0 0 14px;color:#15528d;font-size:.74rem;font-weight:850;letter-spacing:.045em;text-decoration:none}.evl-lesson-practice-link:hover,.evl-lesson-practice-link:focus-visible{text-decoration:underline;text-underline-offset:3px}
.evl-lesson-card .ev-button-primary{border:1px solid #c8d9eb;background:#f1f7fd;color:#173d67;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.evl-lesson-card .ev-button-primary:hover,.evl-lesson-card .ev-button-primary:focus-visible{border-color:#a9c4df;background:#e7f1fb;box-shadow:0 3px 10px #173d6712}
.evl-lesson-card .ev-button-primary span{color:#6683a3;font-size:.9em}
.evl-mapping-toggle{display:flex;align-items:center;align-self:stretch;gap:9px;width:100%;min-height:34px;box-sizing:border-box;margin:auto 0 12px;padding:0;border:0;border-radius:5px;background:transparent;color:#173d67;font:inherit;font-size:.77rem;font-weight:750;text-align:left;cursor:pointer}
.evl-mapping-toggle img{display:block;flex:none;width:56px;height:34px;object-fit:contain;border-radius:2px}
.evl-mapping-toggle:hover{background:#f5f8fc}
.evl-mapping-toggle:focus-visible{outline:2px solid #a9c4df;outline-offset:2px;background:#f5f8fc}
.evl-mapping-chevron{margin-left:auto;color:#7d91a8;font-size:1rem;line-height:1;transition:transform .2s ease}
.evl-mapping-toggle[aria-expanded="true"] .evl-mapping-chevron{transform:rotate(180deg)}
.evl-mapping-panel{display:grid;grid-template-rows:0fr;opacity:0;margin:0 0 14px;transition:grid-template-rows .24s ease,opacity .18s ease}
.evl-mapping-panel.is-open{grid-template-rows:1fr;opacity:1}
.evl-mapping-panel[hidden]{display:none}
.evl-mapping-panel-inner{min-height:0;overflow:hidden;padding:0 11px;border-left:2px solid #d2ad59;border-radius:0 8px 8px 0;background:#f7f9fc}
.evl-mapping-panel.is-open .evl-mapping-panel-inner{padding-top:11px;padding-bottom:11px}
.evl-mapping-label{margin:0 0 8px;color:#9a7428;font-size:.64rem;font-weight:900;letter-spacing:.1em}
.evl-mapping-panel dl{display:grid;gap:8px;margin:0}
.evl-mapping-panel dl>div{display:grid;gap:2px;min-width:0}
.evl-mapping-panel dt{color:#687d96;font-size:.65rem;font-weight:800}
.evl-mapping-panel dd{margin:0;color:#183757;font-size:.72rem;line-height:1.4;overflow-wrap:anywhere}
.evl-mapping-reference{display:inline-block;margin:2px 3px 1px 0;padding:2px 5px;border:1px solid #dce5ed;border-radius:5px;background:#fff;color:#264b71;font-size:.67rem;font-weight:750}
.evl-mapping-coverage{margin:8px 0 0;color:#60748c;font-size:.71rem;line-height:1.45}
.evl-mapping-unconfirmed{margin:auto 0 12px;color:#687d96;font-size:.72rem;font-style:italic;line-height:1.4}
@media(prefers-reduced-motion:reduce){.evl-mapping-panel,.evl-mapping-chevron,.evl-lesson-card .ev-button-primary{transition:none}}