:root{--vg-ink:#061b35;--vg-copy:#3c5874;--vg-blue:#2463f3;--vg-violet:#7246ff;--vg-cyan:#12c7d5;--vg-orange:#ff6b35;--vg-green:#16b982;--vg-paper:#f2f7fc;--vg-line:#cfdeec;--vg-shadow:0 20px 55px rgba(13,45,81,.13)}
.vg26,.vg26 *{box-sizing:border-box}.vg26{color:var(--vg-ink);background:#f7fbff;font-size:17px;line-height:1.6;overflow:hidden}.vg26 a{text-decoration:none!important}.vg26 img{display:block;max-width:100%}.vg-shell{width:min(1380px,calc(100% - 64px));margin-inline:auto}
.vg-hero{position:relative;min-height:650px;background:#ddecfb;overflow:hidden}.vg-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .75s ease}.vg-hero-slide.is-active{opacity:1;z-index:1}.vg-hero-slide img{width:100%;height:100%;object-fit:cover}.vg-hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,249,255,.98) 0%,rgba(241,249,255,.93) 34%,rgba(241,249,255,.33) 63%,rgba(241,249,255,.08) 100%)}
.vg-hero-content{position:relative;z-index:3;min-height:650px;display:flex;align-items:center;padding:75px 0}.vg-hero-copy{max-width:650px}.vg-kicker,.vg-eyebrow{display:block;color:#1761d8;font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.vg-hero h1{margin:15px 0 21px;color:var(--vg-ink);font-size:clamp(52px,6vw,88px);line-height:1.02;letter-spacing:-.055em;font-weight:950}.vg-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--vg-blue),var(--vg-violet),#d125d7);-webkit-background-clip:text;background-clip:text}.vg-hero p{max-width:590px;margin:0;color:var(--vg-copy);font-size:20px;line-height:1.7;font-weight:650}.vg-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.vg-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:11px 20px;border:1px solid var(--vg-line);border-radius:13px;color:var(--vg-ink)!important;background:#fff;font-size:15px;font-weight:900;transition:.25s ease}.vg-btn:hover{transform:translateY(-3px);color:var(--vg-blue)!important}.vg-btn-primary{color:#fff!important;border-color:transparent;background:linear-gradient(110deg,var(--vg-blue),var(--vg-violet));box-shadow:0 14px 32px rgba(66,74,221,.28)}.vg-btn-primary:hover{color:#fff!important}.vg-btn-orange{color:#fff!important;border-color:transparent;background:linear-gradient(110deg,#ff7a34,#f05050)}.vg-hero-dots{position:absolute;z-index:4;left:max(32px,calc((100% - 1380px)/2));bottom:28px;display:flex;gap:8px}.vg-hero-dot{width:11px;height:11px;padding:0;border:0;border-radius:99px;background:rgba(7,27,53,.28);transition:.25s}.vg-hero-dot.is-active{width:35px;background:var(--vg-blue)}
.vg-benefit-strip{position:relative;z-index:5;margin-top:-1px;color:#fff;background:var(--vg-ink)}.vg-benefit-strip .vg-shell{display:grid;grid-template-columns:repeat(4,1fr)}.vg-benefit{display:flex;gap:13px;align-items:center;padding:22px;border-right:1px solid rgba(255,255,255,.13)}.vg-benefit:last-child{border-right:0}.vg-benefit b{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#061b35;background:#b9f44c}.vg-benefit strong{display:block;font-size:14px}.vg-benefit span{display:block;color:#b9cce1;font-size:12px}
.vg-library{padding:95px 0 120px}.vg-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.vg-heading h2{margin:8px 0 0;color:var(--vg-ink);font-size:clamp(40px,4.3vw,64px);line-height:1.06;letter-spacing:-.045em;font-weight:950}.vg-heading p{max-width:520px;margin:0;color:var(--vg-copy);font-size:17px;font-weight:600}
.vg-filter-panel{position:sticky;top:0;z-index:15;margin-bottom:28px;padding:18px;border:1px solid rgba(152,177,203,.45);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 14px 40px rgba(19,50,84,.08);backdrop-filter:blur(17px)}.vg-filter-grid{display:grid;grid-template-columns:minmax(280px,1.8fr) repeat(3,minmax(165px,.7fr)) auto;gap:12px}.vg-control{position:relative}.vg-control label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.vg-control input,.vg-control select{width:100%;height:58px;padding:0 18px;border:2px solid #bfd2e5;border-radius:12px;color:#102f4d;background:#fff;font:inherit;font-size:17px;font-weight:800;line-height:1.25;outline:none}.vg-control select{cursor:pointer}.vg-control select option{color:#102f4d;background:#fff;font-size:17px;font-weight:700}.vg-control input{padding-left:48px}.vg-control input::placeholder{color:#607a94;opacity:1;font-weight:650}.vg-control input:focus,.vg-control select:focus{border-color:var(--vg-blue);box-shadow:0 0 0 4px rgba(36,99,243,.12)}.vg-search-icon{position:absolute;left:17px;top:15px;color:var(--vg-blue);font-size:20px}.vg-reset{height:58px;padding:0 20px;border:0;border-radius:12px;color:#fff;background:var(--vg-ink);font-size:16px;font-weight:900;cursor:pointer}.vg-results-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 2px}.vg-results-meta strong{font-size:17px}.vg-results-meta span{color:#405f7c;font-size:15px;font-weight:650}
.vg-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vg-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(126,154,184,.3);border-radius:23px;background:#fff;box-shadow:0 15px 42px rgba(17,50,87,.08);transition:transform .32s ease,box-shadow .32s ease}.vg-card:hover{transform:translateY(-8px);box-shadow:var(--vg-shadow)}.vg-card-media{position:relative;display:block;aspect-ratio:1.72;overflow:hidden;background:#dce8f4}.vg-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.vg-card:hover .vg-card-media img{transform:scale(1.045)}.vg-card-media:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(4,22,44,.68))}.vg-card-badge{position:absolute;z-index:2;left:14px;top:14px;padding:6px 10px;border-radius:999px;color:#fff;background:rgba(5,28,53,.83);font-size:11px;font-weight:900;backdrop-filter:blur(8px)}.vg-card-play{position:absolute;z-index:2;right:14px;bottom:14px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--vg-cyan),var(--vg-blue));box-shadow:0 10px 25px rgba(17,54,107,.3)}.vg-card-body{display:flex;flex:1;flex-direction:column;padding:21px}.vg-card-code{color:#2870e1;font-size:11px;font-weight:900;letter-spacing:.1em}.vg-card h3{margin:7px 0 8px;color:var(--vg-ink);font-size:23px;line-height:1.23;font-weight:900}.vg-card-title-en{min-height:38px;color:#5b7189;font-size:13px;line-height:1.4;font-weight:650}.vg-card-summary{display:-webkit-box;min-height:78px;margin:14px 0;color:var(--vg-copy);font-size:14px;line-height:1.6;font-weight:600;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vg-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.vg-card-tags span{padding:5px 8px;border-radius:7px;color:#31506f;background:#eef5fb;font-size:10px;font-weight:800}.vg-card-facts{display:flex;gap:13px;padding:14px 0;border-top:1px solid #e4edf5;color:#506b85;font-size:12px;font-weight:750}.vg-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.vg-price{color:var(--vg-ink);font-size:23px;font-weight:950}.vg-old-price{margin-left:5px;color:#8ca0b3;font-size:12px;text-decoration:line-through}.vg-detail-link{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;color:#fff!important;background:var(--vg-blue);font-size:12px;font-weight:900}.vg-empty{display:none;padding:55px;border:1px dashed #a9bfd4;border-radius:20px;text-align:center;background:#fff}.vg-empty.is-visible{display:block}.vg-empty h3{margin:0;color:var(--vg-ink)}.vg-empty p{margin:7px 0 0;color:var(--vg-copy)}
.vg-how{padding:100px 0;background:#071b35}.vg-how-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:38px}.vg-how h2{margin:8px 0 0;color:#fff;font-size:clamp(40px,4.5vw,67px);line-height:1.06;font-weight:950;letter-spacing:-.045em}.vg-how-head p{margin:0;color:#bdd0e3;font-size:17px}.vg-how .vg-eyebrow{color:#62edf0}.vg-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vg-how-card{padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.065)}.vg-how-card b{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;color:#061b35;background:#bdf14d;font-size:13px}.vg-how-card h3{margin:17px 0 8px;color:#fff;font-size:19px}.vg-how-card p{margin:0;color:#b9cde0;font-size:13px;line-height:1.6}
.vg-cta{padding:80px 0;background:linear-gradient(120deg,#eaffff,#f3efff)}.vg-cta-box{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px;border:1px solid rgba(121,149,179,.25);border-radius:26px;background:#fff;box-shadow:var(--vg-shadow)}.vg-cta h2{margin:0;color:var(--vg-ink);font-size:35px;line-height:1.15;font-weight:950}.vg-cta p{margin:9px 0 0;color:var(--vg-copy)}
/* Detail page */
.vd26{color:var(--vg-ink);background:#f1f7fc;font-size:17px;line-height:1.6}.vd26 *{box-sizing:border-box}.vd26 a{text-decoration:none!important}.vd-top{padding:34px 0 55px;background:linear-gradient(135deg,#eaf8ff,#f5f1ff)}.vd-breadcrumb{display:flex;gap:8px;margin-bottom:28px;color:#526d87;font-size:13px;font-weight:750}.vd-breadcrumb a{color:#2565df!important}.vd-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:44px;align-items:center}.vd-code{color:#1761d8;font-size:12px;font-weight:900;letter-spacing:.14em}.vd-top h1{margin:12px 0;color:var(--vg-ink);font-size:clamp(43px,5vw,72px);line-height:1.04;letter-spacing:-.05em;font-weight:950}.vd-en-title{color:#48647e;font-size:18px;font-weight:750}.vd-summary{margin:20px 0;color:#324f6b;font-size:18px;font-weight:600}.vd-meta{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.vd-meta span{padding:8px 11px;border:1px solid #bfd2e5;border-radius:999px;background:rgba(255,255,255,.65);font-size:12px;font-weight:850}.vd-price-row{display:flex;align-items:center;gap:13px;margin-top:24px}.vd-price-row strong{font-size:34px}.vd-price-row del{color:#7e93a8}.vd-player{position:relative;overflow:hidden;aspect-ratio:16/9;border:8px solid #fff;border-radius:26px;background:#061b35;box-shadow:0 25px 65px rgba(13,48,87,.22)}.vd-player img{width:100%;height:100%;object-fit:cover;opacity:1}.vd-player iframe{width:100%;height:100%;border:0}.vd-player-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(5,27,53,0) 42%,rgba(5,27,53,.66) 100%)}.vd-player-play{width:78px;height:78px;display:grid;place-items:center;padding-left:5px;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--vg-cyan),var(--vg-violet));font-size:25px;box-shadow:0 16px 38px rgba(18,43,93,.38);cursor:pointer}.vd-player-note{position:absolute;left:18px;bottom:15px;color:#fff;font-size:12px;font-weight:850}.vd-trial-link{position:absolute;right:22px;bottom:20px;display:flex;flex-direction:column;align-items:flex-start;min-width:255px;padding:14px 18px;border:1px solid rgba(255,255,255,.65);border-radius:15px;color:#fff!important;background:linear-gradient(110deg,rgba(27,91,234,.96),rgba(102,54,239,.96));box-shadow:0 13px 34px rgba(5,27,53,.35);transition:.25s ease}.vd-trial-link:hover{transform:translateY(-3px);color:#fff!important}.vd-trial-link strong{font-size:18px;line-height:1.25}.vd-trial-link span{margin-top:2px;color:#eef6ff;font-size:12px;font-weight:750}.vd-body{padding:75px 0 110px}.vd-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:start}.vd-section{margin-bottom:24px;padding:30px;border:1px solid #cfdeec;border-radius:22px;background:#fff;box-shadow:0 13px 38px rgba(16,47,80,.07)}.vd-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.vd-section h2{margin:0;color:var(--vg-ink);font-size:31px;line-height:1.15;font-weight:950}.vd-section-head p{margin:0;color:#637b93;font-size:13px}.vd-chapter{display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:start;padding:19px 0;border-top:1px solid #dfebf4}.vd-chapter:first-of-type{border-top:0}.vd-chapter-no{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--vg-blue),var(--vg-violet));font-size:12px;font-weight:900}.vd-chapter h3{margin:0 0 4px;color:var(--vg-ink);font-size:18px}.vd-chapter p{margin:0;color:#48647e;font-size:14px}.vd-chapter time{padding:5px 9px;border-radius:8px;color:#2565df;background:#edf5ff;font-size:11px;font-weight:900}.vd-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}.vd-outcomes li{margin:0;padding:13px;border-radius:11px;color:#29445f;background:#eef6fc;font-size:13px;font-weight:750}.vd-outcomes li:before{content:"✓";margin-right:8px;color:var(--vg-green);font-weight:950}
.vd-quiz-card{border-color:rgba(70,99,231,.35);background:linear-gradient(145deg,#fff,#f3f1ff)}.vd-question{margin:0 0 17px;color:var(--vg-ink);font-size:20px;font-weight:900}.vd-options{display:grid;gap:9px}.vd-option{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #c8d9e9;border-radius:11px;background:#fff;cursor:pointer;font-weight:750}.vd-option:hover{border-color:var(--vg-blue)}.vd-option input{width:19px;height:19px;accent-color:var(--vg-blue)}.vd-quiz-actions{display:flex;align-items:center;gap:12px;margin-top:17px}.vd-quiz-result{display:none;margin-top:15px;padding:13px;border-radius:11px;font-size:13px;font-weight:750}.vd-quiz-result.is-pass{display:block;color:#075d44;background:#dff9ef}.vd-quiz-result.is-fail{display:block;color:#9d2e2e;background:#ffe7e4}
.vd-side{position:sticky;top:25px}.vd-enrol{padding:25px;border-radius:22px;color:#fff;background:#071b35;box-shadow:var(--vg-shadow)}.vd-enrol h3{margin:0;color:#fff;font-size:23px}.vd-enrol p{color:#c4d5e5;font-size:13px}.vd-enrol-price{display:block;margin:18px 0;color:#fff;font-size:35px;font-weight:950}.vd-enrol form button{width:100%;height:53px;border:0;border-radius:12px;color:#fff;background:linear-gradient(110deg,#ff7a34,#f04d58);font-size:15px;font-weight:900;cursor:pointer}.vd-enrol-list{margin:20px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.16);list-style:none}.vd-enrol-list li{margin:8px 0;color:#d2dfeb;font-size:12px}.vd-enrol-list li:before{content:"✓";margin-right:8px;color:#b9f44c}.vd-side-link{display:block;margin-top:12px;padding:14px;border:1px solid #cbdbea;border-radius:13px;color:var(--vg-ink)!important;text-align:center;background:#fff;font-size:13px;font-weight:850}
@media(max-width:1100px){.vg-course-grid{grid-template-columns:repeat(2,1fr)}.vg-filter-grid{grid-template-columns:1fr 1fr 1fr}.vg-search-control{grid-column:1/-1}.vg-how-grid{grid-template-columns:1fr 1fr}.vd-hero-grid{grid-template-columns:1fr}.vd-layout{grid-template-columns:1fr}.vd-side{position:static}}
@media(max-width:767px){.vg26,.vd26{font-size:16px}.vg-shell{width:min(100% - 30px,1380px)}.vg-hero,.vg-hero-content{min-height:720px}.vg-hero-slide img{object-position:62% center}.vg-hero-slide:after{background:linear-gradient(180deg,rgba(240,248,255,.97) 0%,rgba(240,248,255,.9) 56%,rgba(240,248,255,.3) 100%)}.vg-hero-content{align-items:flex-start;padding-top:62px}.vg-hero h1{font-size:52px}.vg-hero p{font-size:17px}.vg-benefit-strip .vg-shell{grid-template-columns:1fr 1fr}.vg-benefit{padding:15px 8px}.vg-benefit b{width:32px;height:32px}.vg-heading,.vg-how-head,.vg-cta-box{display:block}.vg-heading p{margin-top:18px}.vg-filter-panel{position:relative}.vg-filter-grid{grid-template-columns:1fr}.vg-search-control{grid-column:auto}.vg-course-grid{grid-template-columns:1fr}.vg-how-grid{grid-template-columns:1fr}.vg-cta-box .vg-btn{margin-top:22px;width:100%}.vd-top{padding-top:25px}.vd-top h1{font-size:45px}.vd-body{padding-top:45px}.vd-section{padding:21px 17px}.vd-chapter{grid-template-columns:42px 1fr}.vd-chapter time{grid-column:2}.vd-outcomes{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.vg26 *,.vg26 *:before,.vg26 *:after{transition:none!important;animation:none!important}}

/* Expanded public course detail content */
.vd-hero-demo{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px;padding:11px 13px;border:1px solid #b9cfe5;border-radius:13px;color:#183a5b;background:rgba(255,255,255,.86);font-size:13px;font-weight:750}.vd-hero-demo>span{color:#1761d8;font-weight:900}.vd-hero-demo strong{padding:4px 8px;border-radius:7px;background:#edf5ff;font-size:14px}.vd-hero-demo a{margin-left:auto;padding:7px 11px;border-radius:8px;color:#fff!important;background:#174fd1;font-weight:900}
.vd-objectives{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}.vd-objectives li{position:relative;margin:0;padding:15px 16px 15px 47px;border:1px solid #d2e2ef;border-radius:13px;color:#183a5b;background:#f7fbff;font-size:15px;font-weight:750;line-height:1.55}.vd-objectives li:before{content:"✓";position:absolute;left:15px;top:15px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#24b36b;font-size:13px;font-weight:950}
.vd-outline-list{display:grid;gap:13px}.vd-outline-module{overflow:hidden;border:1px solid #c9dced;border-radius:15px;background:#fbfdff}.vd-outline-module summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 19px;color:#102f4d;background:#f3f8fd;cursor:pointer;list-style:none}.vd-outline-module summary::-webkit-details-marker{display:none}.vd-outline-module summary strong{display:block;font-size:18px;line-height:1.3}.vd-outline-module summary small{display:block;margin-top:4px;color:#496882;font-size:13px;font-weight:650;line-height:1.45}.vd-outline-module summary time{padding:6px 10px;border-radius:8px;color:#1d5fda;background:#e7f1ff;font-size:12px;font-weight:900}.vd-outline-module>ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:18px 20px 20px 72px;list-style:none}.vd-outline-module>ul li{position:relative;padding-left:20px;color:#284963;font-size:14px;font-weight:650}.vd-outline-module>ul li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--vg-cyan),var(--vg-blue))}
.vd-trial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.vd-trial-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #cbddeb;border-radius:15px;color:#102f4d!important;background:#fff;box-shadow:0 10px 27px rgba(18,52,88,.08);transition:.25s ease}.vd-trial-card:hover{transform:translateY(-5px);color:#185dd9!important;box-shadow:0 17px 35px rgba(18,52,88,.14)}.vd-trial-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0b2441}.vd-trial-media img{width:100%;height:100%;object-fit:cover;transition:.4s ease}.vd-trial-card:hover img{transform:scale(1.04)}.vd-trial-play{position:absolute;left:50%;top:50%;width:58px;height:58px;display:grid;place-items:center;padding-left:4px;border:4px solid rgba(255,255,255,.75);border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--vg-blue),var(--vg-violet));box-shadow:0 10px 24px rgba(4,22,44,.35);transform:translate(-50%,-50%);font-size:19px}.vd-trial-card>strong{padding:14px 15px 0;font-size:16px;line-height:1.35}.vd-trial-card>span:last-child{padding:5px 15px 15px;color:#58738d;font-size:13px;font-weight:700}
.vd-demo-access{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center;margin-bottom:24px;padding:30px;border:1px solid #c5d9eb;border-radius:22px;background:linear-gradient(135deg,#eefaff,#f3efff);box-shadow:0 13px 38px rgba(16,47,80,.08)}.vd-demo-access h2{margin:6px 0 10px;color:var(--vg-ink);font-size:31px;line-height:1.18;font-weight:950}.vd-demo-access p{margin:0 0 17px;color:#395976;font-size:15px;font-weight:650}.vd-demo-access>img{width:100%;max-height:230px;object-fit:contain}.vd-demo-credentials{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.vd-demo-credentials span{padding:10px 14px;border:1px solid #bad1e6;border-radius:10px;color:#34516c;background:#fff;font-size:14px;font-weight:750}.vd-demo-credentials strong{margin-left:7px;color:#144fd0;font-size:18px;letter-spacing:.04em}
.vd-demo-access{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center;margin-bottom:24px;padding:30px;border:1px solid #b9d8ea;border-radius:22px;background:linear-gradient(135deg,#e9fbff,#f2efff);box-shadow:0 14px 40px rgba(16,47,80,.08)}.vd-demo-access h2{margin:7px 0 10px;color:#082848;font-size:30px;line-height:1.2;font-weight:950}.vd-demo-access p{margin:0;color:#355772;font-size:15px;font-weight:650}.vd-demo-access>img{width:100%;max-height:245px;object-fit:contain}.vd-demo-credentials{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.vd-demo-credentials span{padding:10px 13px;border:1px solid #b9cee0;border-radius:10px;color:#335470;background:rgba(255,255,255,.82);font-size:14px;font-weight:700}.vd-demo-credentials strong{margin-left:6px;color:#0c3f9d;font-size:18px}
@media(max-width:900px){.vd-objectives,.vd-outline-module>ul,.vd-demo-access{grid-template-columns:1fr}.vd-trial-grid{grid-template-columns:1fr 1fr}.vd-demo-access>img{max-height:210px}}
@media(max-width:600px){.vd-objectives,.vd-trial-grid{grid-template-columns:1fr}.vd-outline-module summary{grid-template-columns:42px minmax(0,1fr)}.vd-outline-module summary time{grid-column:2;justify-self:start}.vd-outline-module>ul{grid-template-columns:1fr;padding:16px 16px 18px 64px}.vd-demo-access{padding:22px 17px}.vd-demo-access h2{font-size:25px}.vd-demo-credentials{display:grid}.vd-demo-credentials span{font-size:15px}}

/* Transcript-verified lesson content */
.vd-verified-outcomes{position:relative;overflow:hidden;border-color:#b9dfea;background:linear-gradient(135deg,#fff 0%,#f2fbff 100%)}
.vd-verified-outcomes:after{content:"";position:absolute;right:-90px;top:-110px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(18,199,213,.13),rgba(36,99,243,0) 70%);pointer-events:none}
.vd-source-badge{position:relative;z-index:1;flex:0 0 auto;padding:7px 11px;border:1px solid #9cdec9;border-radius:999px;color:#07634d;background:#e4fbf3;font-size:12px;font-weight:900}
.vd-source-note{margin:-7px 0 20px;padding:11px 14px;border-left:4px solid var(--vg-cyan);color:#365975;background:#edf9fc;font-size:14px;font-weight:700}
.vd-real-content{padding:30px 0 0;overflow:hidden}
.vd-real-content>.vd-section-head{padding:0 30px}
.vd-real-head{align-items:center}
.vd-real-intro{max-width:660px!important;margin-top:9px!important;color:#385875!important;font-size:15px!important;line-height:1.65;font-weight:650}
.vd-content-stats{display:grid;grid-template-columns:repeat(3,auto);gap:7px;flex:0 0 auto}
.vd-content-stats span{min-width:90px;padding:10px 12px;border:1px solid #c6dbea;border-radius:12px;color:#395976;text-align:center;background:#f6fbff;font-size:11px;font-weight:800}
.vd-content-stats strong{display:block;color:#135bd8;font-size:21px;line-height:1.05}
.vd-real-lessons{display:grid;gap:0}
.vd-real-lesson{border-top:1px solid #c8dbea;background:#fff}
.vd-real-lesson:nth-child(even){background:#fbfdff}
.vd-lesson-header{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 30px;background:linear-gradient(100deg,#edf6ff,#f5f0ff)}
.vd-lesson-number{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--vg-blue),var(--vg-violet));box-shadow:0 9px 22px rgba(54,86,224,.23);font-size:13px;font-weight:950}
.vd-lesson-course{display:block;color:#1761d8;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.vd-lesson-header h3{margin:3px 0 0;color:#092745;font-size:25px;line-height:1.15;font-weight:950}
.vd-lesson-facts{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.vd-lesson-facts span{padding:5px 9px;border:1px solid #c1d7eb;border-radius:8px;color:#355876;background:rgba(255,255,255,.82);font-size:11px;font-weight:850}
.vd-lesson-summary{margin:24px 30px;padding:21px 23px;border:1px solid #bcd8e8;border-radius:16px;background:linear-gradient(135deg,#eefcff,#f7fbff)}
.vd-lesson-summary>span,.vd-quiz-preview-head span{display:block;color:#08747d;font-size:10px;font-weight:950;letter-spacing:.16em}
.vd-lesson-summary h4,.vd-quiz-preview-head h4{margin:3px 0 8px;color:#092745;font-size:20px;line-height:1.25;font-weight:950}
.vd-lesson-summary p{margin:0;color:#294c68;font-size:15px;line-height:1.85;font-weight:600}
.vd-recording-chapters{margin:0 30px 24px;border:1px solid #c9dceb;border-radius:16px;background:#fff}
.vd-recording-chapters>summary{display:flex;align-items:center;gap:9px;padding:14px 18px;cursor:pointer;list-style:none}
.vd-recording-chapters>summary::-webkit-details-marker,.vd-real-question>summary::-webkit-details-marker{display:none}
.vd-recording-chapters>summary span{color:#1761d8;font-size:13px;font-weight:950}
.vd-recording-chapters>summary strong{color:#183b59;font-size:13px}
.vd-recording-chapters>summary small{margin-left:auto;color:#698197;font-size:11px;font-weight:700}
.vd-timeline{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;border-top:1px solid #d8e6f1;list-style:none;counter-reset:vdchapter}
.vd-timeline li{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;min-height:112px;padding:17px 18px;border-bottom:1px solid #e1ebf3;counter-increment:vdchapter}
.vd-timeline li:nth-child(odd){border-right:1px solid #e1ebf3}
.vd-timeline li:before{content:counter(vdchapter,decimal-leading-zero);position:absolute;right:10px;top:7px;color:#e4eef7;font-size:23px;font-weight:950}
.vd-timeline time{position:relative;z-index:1;align-self:start;padding:5px 8px;border-radius:8px;color:#fff;text-align:center;background:#0f6fdc;font-size:11px;font-weight:900;letter-spacing:.02em}
.vd-timeline div{position:relative;z-index:1}
.vd-timeline strong{display:block;padding-right:18px;color:#102f4d;font-size:14px;line-height:1.35}
.vd-timeline p{margin:5px 0 0;color:#4a6882;font-size:12px;line-height:1.55;font-weight:600}
.vd-lesson-quiz{margin:0 30px 30px;padding:22px;border:1px solid #cfc5f5;border-radius:17px;background:linear-gradient(140deg,#fbfaff,#f3f1ff)}
.vd-quiz-preview-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}
.vd-quiz-preview-head p{margin:0;color:#637b93;font-size:12px;font-weight:750}
.vd-question-grid{display:grid;gap:9px}
.vd-real-question{overflow:hidden;border:1px solid #c9d8e9;border-radius:12px;background:#fff}
.vd-real-question>summary{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 15px;cursor:pointer;list-style:none}
.vd-real-question>summary>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--vg-blue),var(--vg-violet));font-size:11px;font-weight:950}
.vd-real-question>summary strong{color:#173954;font-size:14px;line-height:1.45}
.vd-real-question>summary small{padding:4px 7px;border-radius:7px;color:#4f6380;background:#eef3f8;font-size:10px;font-weight:800}
.vd-real-question>ol{display:grid;grid-template-columns:1fr 1fr;gap:7px 26px;margin:0;padding:0 25px 16px 72px;color:#405f79;font-size:13px;font-weight:650}
.vd-real-question>ol li{padding-left:4px}
.vd-question-prompt{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 15px;border-bottom:1px solid #dce7f0;background:#f8fbfe}
.vd-question-prompt>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--vg-blue),var(--vg-violet));font-size:11px;font-weight:950}
.vd-question-prompt strong{color:#173954;font-size:15px;line-height:1.5}
.vd-question-prompt small{padding:4px 7px;border-radius:7px;color:#4f6380;background:#e9f0f7;font-size:10px;font-weight:800}
.vd-play-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px 15px}
.vd-play-options label{display:flex;align-items:center;gap:9px;min-height:47px;padding:9px 11px;border:2px solid #d5e2ed;border-radius:10px;color:#294b66;background:#fff;cursor:pointer;font-size:13px;font-weight:700;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.vd-play-options label:hover{border-color:#6ba0f4;transform:translateY(-1px)}
.vd-play-options input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--vg-blue)}
.vd-option-letter{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:#1b5dcc;background:#eaf2ff;font-size:11px;font-weight:950}
.vd-play-options label:has(input:checked){border-color:#5e75ee;background:#f1f2ff}
.vd-play-options label.is-correct-answer{border-color:#20a875;background:#e4faef}
.vd-play-options label.is-correct-answer .vd-option-letter{color:#fff;background:#159d6c}
.vd-play-options label.is-selected-wrong{border-color:#e86f6f;background:#fff0ef}
.vd-play-options label.is-selected-wrong .vd-option-letter{color:#fff;background:#d95353}
.vd-sample-actions{display:flex;align-items:center;gap:12px;padding:0 15px 15px}
.vd-sample-actions button{flex:0 0 auto;min-height:40px;padding:8px 15px;border:0;border-radius:9px;color:#fff;background:linear-gradient(110deg,var(--vg-blue),var(--vg-violet));font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(50,70,205,.2)}
.vd-sample-actions [data-sample-result]{flex:1;padding:9px 11px;border-radius:9px;color:#405f79;font-size:12px;font-weight:800}
.vd-sample-actions .is-warning{color:#8a5400;background:#fff2d6}
.vd-sample-actions .is-correct{color:#076247;background:#dff8ec}
.vd-sample-actions .is-incorrect{color:#9b3131;background:#ffe7e4}
.vd-quiz-login{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding-top:13px;border-top:1px solid #d9d2f2;color:#4a6179;font-size:12px;font-weight:750}
.vd-quiz-login a{padding:8px 11px;border-radius:9px;color:#fff!important;background:#174fd1;font-size:12px;font-weight:900}
.vd-content-pending{border-style:dashed;background:linear-gradient(135deg,#fff,#f7fbff)}
.vd-content-pending>p{color:#3e5e79}
.vd-pending-lessons{display:grid;gap:8px;margin-top:18px}
.vd-pending-lessons>div{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #d3e2ee;border-radius:11px;background:#fff}
.vd-pending-lessons>div>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#2463f3;font-size:11px;font-weight:900}
.vd-pending-lessons strong{color:#163854;font-size:14px}.vd-pending-lessons small{color:#52718c;font-weight:800}
@media(max-width:900px){.vd-real-head{display:block}.vd-content-stats{margin-top:18px}.vd-lesson-header{grid-template-columns:54px 1fr}.vd-lesson-facts{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.vd-timeline{grid-template-columns:1fr}.vd-timeline li:nth-child(odd){border-right:0}.vd-real-question>ol,.vd-play-options{grid-template-columns:1fr}}
@media(max-width:600px){.vd-real-content>.vd-section-head{padding:0 17px}.vd-content-stats{grid-template-columns:repeat(3,1fr)}.vd-content-stats span{min-width:0;padding:9px 5px}.vd-lesson-header{padding:18px 17px}.vd-lesson-header h3{font-size:21px}.vd-lesson-summary,.vd-recording-chapters,.vd-lesson-quiz{margin-left:17px;margin-right:17px}.vd-lesson-summary{padding:18px}.vd-timeline li{grid-template-columns:68px 1fr;padding:15px 13px}.vd-quiz-preview-head,.vd-quiz-login{display:block}.vd-quiz-preview-head p{margin-top:6px}.vd-quiz-login a{display:inline-flex;margin-top:9px}.vd-real-question>summary,.vd-question-prompt{grid-template-columns:31px 1fr}.vd-real-question>summary small,.vd-question-prompt small{grid-column:2;justify-self:start}.vd-real-question>ol{padding-left:59px}.vd-sample-actions{display:block}.vd-sample-actions [data-sample-result]{margin-top:8px}.vd-source-badge{display:inline-flex;margin-top:10px}.vd-verified-outcomes .vd-section-head{display:block}}

/* High-contrast preview invitation and clear price comparison */
.vd-trial-link{right:17px;bottom:17px;min-width:310px;padding:15px 19px 16px;border:3px solid #fff4c4;border-radius:17px;background:linear-gradient(115deg,#ff7a18 0%,#f33662 100%);box-shadow:0 15px 38px rgba(107,24,38,.46),0 0 0 7px rgba(255,255,255,.18);animation:vdPreviewGlow 2.4s ease-in-out infinite}
.vd-trial-link:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 20px 44px rgba(107,24,38,.56),0 0 0 9px rgba(255,255,255,.25)}
.vd-trial-link em{display:inline-flex;align-self:flex-start;margin-bottom:6px;padding:3px 7px;border-radius:6px;color:#7b2800;background:#fff2a9;font-size:9px;font-style:normal;font-weight:950;letter-spacing:.12em}
.vd-trial-link strong{color:#fff;font-size:20px;text-shadow:0 2px 7px rgba(65,10,24,.28)}
.vd-trial-link span{color:#fff!important;font-size:13px!important;font-weight:850!important}
@keyframes vdPreviewGlow{0%,100%{box-shadow:0 15px 38px rgba(107,24,38,.42),0 0 0 6px rgba(255,255,255,.14)}50%{box-shadow:0 18px 45px rgba(107,24,38,.58),0 0 0 10px rgba(255,238,161,.28)}}
.vd-enrol-pricing{margin:19px 0 17px;padding:15px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.08)}
.vd-reference-price{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b9cce1;font-size:12px;font-weight:750}
.vd-reference-price del{color:#d8e4ef;font-size:16px;font-weight:850;text-decoration-thickness:2px}
.vd-current-price{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:7px;padding-top:9px;border-top:1px solid rgba(255,255,255,.14)}
.vd-current-price span{color:#bdf14d;font-size:12px;font-weight:900}
.vd-current-price strong{color:#fff;font-size:34px;line-height:1;font-weight:950}
.vd-saving{margin-top:10px;padding:6px 9px;border-radius:8px;color:#092745;text-align:center;background:#bdf14d;font-size:12px;font-weight:950}
.vd-bundle-offer{position:relative;display:block;margin:-3px 0 16px;padding:14px 13px 13px;border:1px solid rgba(98,237,240,.48);border-radius:14px;color:#fff!important;background:linear-gradient(125deg,rgba(17,91,138,.92),rgba(77,55,195,.92));box-shadow:0 11px 27px rgba(0,0,0,.2);transition:transform .25s ease,box-shadow .25s ease}
.vd-bundle-offer:hover{color:#fff!important;transform:translateY(-3px);box-shadow:0 15px 32px rgba(0,0,0,.28)}
.vd-bundle-rate{display:inline-flex;margin-bottom:7px;padding:4px 8px;border-radius:7px;color:#082743;background:#bdf14d;font-size:11px;font-weight:950;letter-spacing:.06em}
.vd-bundle-offer strong{display:block;color:#fff;font-size:15px;line-height:1.35;font-weight:950}
.vd-bundle-offer small{display:block;margin-top:5px;color:#d9f7ff;font-size:11px;line-height:1.45;font-weight:750}
@media(max-width:600px){.vd-trial-link{left:12px;right:12px;bottom:12px;min-width:0}.vd-trial-link strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.vd26 *,.vd26 *:before,.vd26 *:after{animation:none!important;transition:none!important}}

/* Expressive lesson accordion */
.vd-real-lessons{display:grid;gap:18px;padding:4px 20px 24px;background:linear-gradient(180deg,#f3f8fd 0%,#edf5fb 100%)}
.vd-real-lesson{--lesson-accent:#2968ef;--lesson-accent-2:#6448ec;overflow:hidden;border:2px solid color-mix(in srgb,var(--lesson-accent) 30%,#d9e5f0);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(25,56,91,.10);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.vd-real-lesson:nth-child(4n+2){--lesson-accent:#008f91;--lesson-accent-2:#24ad79}
.vd-real-lesson:nth-child(4n+3){--lesson-accent:#7443e8;--lesson-accent-2:#bb3fc8}
.vd-real-lesson:nth-child(4n+4){--lesson-accent:#e45a20;--lesson-accent-2:#f4a21b}
.vd-real-lesson[open]{border-color:color-mix(in srgb,var(--lesson-accent) 55%,#d9e5f0);box-shadow:0 18px 42px rgba(25,56,91,.16);transform:translateY(-2px)}
.vd-real-lesson>.vd-lesson-header{position:relative;display:grid;grid-template-columns:68px minmax(210px,1fr) minmax(210px,auto) auto;gap:17px;align-items:center;padding:20px 22px;cursor:pointer;list-style:none;background:linear-gradient(105deg,color-mix(in srgb,var(--lesson-accent) 10%,#fff),#fff 55%,color-mix(in srgb,var(--lesson-accent-2) 9%,#fff));border:0}
.vd-real-lesson>.vd-lesson-header::-webkit-details-marker,.vd-lesson-panel>.vd-panel-summary::-webkit-details-marker{display:none}
.vd-real-lesson>.vd-lesson-header:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(180deg,var(--lesson-accent),var(--lesson-accent-2))}
.vd-lesson-number{width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:18px;color:#fff;background:linear-gradient(145deg,var(--lesson-accent),var(--lesson-accent-2));box-shadow:0 10px 22px color-mix(in srgb,var(--lesson-accent) 30%,transparent)}
.vd-lesson-number small{font-size:8px;font-weight:900;letter-spacing:.14em;line-height:1}.vd-lesson-number strong{font-size:23px;line-height:1.1;font-weight:950}
.vd-lesson-course{color:var(--lesson-accent);font-size:11px;font-weight:950;letter-spacing:.08em}
.vd-lesson-header h3{margin:4px 0 0;color:#082641;font-size:26px;line-height:1.16;font-weight:950}
.vd-lesson-facts{display:flex;max-width:390px;flex-direction:row;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.vd-lesson-facts span{padding:6px 9px;border:1px solid color-mix(in srgb,var(--lesson-accent) 24%,#dae6f0);border-radius:999px;color:#244a66;background:#fff;font-size:11px;font-weight:850;white-space:nowrap}
.vd-lesson-facts small{flex-basis:100%;color:#6a8195;text-align:right;font-size:10px;font-weight:750}
.vd-lesson-toggle{display:flex;min-width:112px;align-items:center;justify-content:flex-end;gap:9px;color:var(--lesson-accent);font-size:11px;font-weight:950;white-space:nowrap}
.vd-lesson-toggle i,.vd-panel-summary>i{position:relative;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:color-mix(in srgb,var(--lesson-accent) 11%,#fff)}
.vd-lesson-toggle i:before,.vd-lesson-toggle i:after,.vd-panel-summary>i:before,.vd-panel-summary>i:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%);transition:transform .25s ease}
.vd-lesson-toggle i:after,.vd-panel-summary>i:after{transform:translate(-50%,-50%) rotate(90deg)}
.vd-real-lesson[open]>.vd-lesson-header .vd-lesson-toggle i:after,.vd-lesson-panel[open]>.vd-panel-summary>i:after{transform:translate(-50%,-50%) rotate(0)}
.vd-real-lesson[open]>.vd-lesson-header .vd-lesson-toggle b{font-size:0}.vd-real-lesson[open]>.vd-lesson-header .vd-lesson-toggle b:after{content:"收起課堂內容";font-size:11px}
.vd-lesson-body{display:grid;gap:13px;padding:18px 20px 22px;border-top:1px solid #dce8f1;background:#f8fbfe}
.vd-lesson-panel{--panel-accent:var(--lesson-accent);overflow:hidden;margin:0!important;padding:0!important;border:1px solid #d4e2ed!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 14px rgba(28,63,98,.05)}
.vd-lesson-summary{--panel-accent:#009a91}.vd-recording-chapters{--panel-accent:#2371df}.vd-lesson-quiz{--panel-accent:#7547df}
.vd-panel-summary{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto 30px;gap:13px!important;align-items:center;padding:14px 16px!important;cursor:pointer;list-style:none;background:linear-gradient(100deg,color-mix(in srgb,var(--panel-accent) 8%,#fff),#fff)!important}
.vd-panel-icon{width:50px;height:38px;display:grid!important;place-items:center;border-radius:10px;color:#fff!important;background:var(--panel-accent);font-size:10px!important;font-weight:950!important;letter-spacing:.04em!important}
.vd-panel-summary span:nth-child(2) small{display:block;color:var(--panel-accent);font-size:9px;font-weight:950;letter-spacing:.14em}
.vd-panel-summary span:nth-child(2) strong{display:block;margin-top:2px;color:#12334f;font-size:17px;line-height:1.25;font-weight:950}
.vd-panel-hint{padding:5px 9px;border-radius:8px;color:var(--panel-accent);background:color-mix(in srgb,var(--panel-accent) 9%,#fff);font-size:11px;font-weight:900;white-space:nowrap}
.vd-panel-summary>i{color:var(--panel-accent);background:color-mix(in srgb,var(--panel-accent) 11%,#fff)}
.vd-panel-content{padding:17px 20px 19px;border-top:1px solid #dce8f1;background:linear-gradient(110deg,#fff,#f7fcfc)}
.vd-panel-content p{margin:0;color:#254c67;font-size:15px;line-height:1.85;font-weight:650}
.vd-lesson-panel>.vd-timeline{border-top:1px solid #dce8f1}
.vd-quiz-content{padding:15px;border-top:1px solid #dedaf0;background:linear-gradient(140deg,#fbfaff,#f3f1ff)}
.vd-quiz-content .vd-quiz-login{margin:14px 0 0}
@supports not (color:color-mix(in srgb,#000 50%,#fff)){.vd-real-lesson{border-color:#bdd0e3}.vd-real-lesson[open]{border-color:#6f91d9}.vd-lesson-header{background:#f5f8ff!important}.vd-lesson-facts span{border-color:#d4e1ec}.vd-lesson-toggle i,.vd-panel-summary>i{background:#eaf0ff}}
@media(max-width:1040px){.vd-real-lesson>.vd-lesson-header{grid-template-columns:68px minmax(0,1fr) auto}.vd-lesson-facts{grid-column:2;justify-content:flex-start;max-width:none}.vd-lesson-facts small{text-align:left}.vd-lesson-toggle{grid-column:3;grid-row:1/3}}
@media(max-width:700px){.vd-real-lessons{gap:13px;padding:2px 11px 16px}.vd-real-lesson>.vd-lesson-header{grid-template-columns:56px minmax(0,1fr) 30px;gap:12px;padding:16px 14px}.vd-lesson-number{width:54px;height:54px;border-radius:14px}.vd-lesson-number strong{font-size:20px}.vd-lesson-header h3{font-size:20px}.vd-lesson-facts{grid-column:1/4;justify-content:flex-start}.vd-lesson-facts small{text-align:left}.vd-lesson-toggle{min-width:30px;grid-column:3;grid-row:1;align-self:center}.vd-lesson-toggle b{display:none}.vd-lesson-body{padding:12px;gap:10px}.vd-panel-summary{grid-template-columns:46px minmax(0,1fr) 28px;padding:12px!important}.vd-panel-icon{width:42px;height:34px}.vd-panel-summary span:nth-child(2) strong{font-size:14px}.vd-panel-hint{grid-column:2;justify-self:start}.vd-panel-summary>i{grid-column:3;grid-row:1/3;width:28px;height:28px}.vd-panel-content{padding:15px}.vd-panel-content p{font-size:14px}.vd-quiz-content{padding:10px}}

/* Learning system demo artwork */
.vd-demo-access>img{display:block;width:100%;max-height:300px;aspect-ratio:3/2;object-fit:cover;border:6px solid rgba(255,255,255,.9);border-radius:19px;background:#eaf6ff;box-shadow:0 17px 34px rgba(27,65,117,.18),0 0 0 1px rgba(93,141,207,.18)}
@media(max-width:900px){.vd-demo-access>img{width:min(100%,680px);max-height:none;margin:2px auto 0}}