:root{
  --lesson-navy:#103a72;
  --lesson-deep:#082c5c;
  --lesson-orange:#ff7d18;
  --lesson-blue:#2186e5;
  --lesson-green:#10a45c;
  --lesson-bg:#f3f8fd;
  --lesson-line:#dfeaf5;
  --lesson-muted:#6784a5;
}
*{box-sizing:border-box}
.lesson-body{margin:0;background:radial-gradient(circle at 62% 0,#eaf5ff 0,transparent 32%),linear-gradient(180deg,#f8fbff,#eef5fb);overflow-x:hidden;font-family:Arial,"Helvetica Neue",sans-serif}
.lesson-app{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr)}
.lesson-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#fff,#f8fbff);border-right:1px solid #dfeaf5;padding:20px 18px 16px;display:flex;flex-direction:column;z-index:30}
.lesson-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-brand-link img{width:160px;display:block}.icon-button{border:1px solid #dce7f2;background:#fff;color:var(--lesson-navy);width:38px;height:38px;border-radius:11px;cursor:pointer;font-size:18px;font-weight:900;box-shadow:0 6px 16px rgba(24,66,110,.07)}
.mobile-only{display:none}.back-link{display:inline-flex;margin:14px 0 20px;color:#6380a2;font-weight:750;font-size:13px}.back-link:hover{color:var(--lesson-orange)}
.lesson-intro h1{margin:0;color:var(--lesson-deep);font-size:30px;line-height:1.08}.lesson-intro p{margin:9px 0 0;color:var(--lesson-muted);line-height:1.55;font-size:13px}
.lesson-meta-pills{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 20px}.lesson-meta-pills span{border:1px solid #dfe9f4;background:#f4f8fd;color:#47698f;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850}
.chapter-nav{display:grid;gap:7px;overflow:auto;padding-right:3px}.chapter-button{border:1px solid transparent;background:transparent;color:#58789b;text-align:left;padding:10px 11px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;font:inherit;font-weight:760;transition:.15s ease}.chapter-button:hover{background:#eef6ff;color:var(--lesson-navy)}.chapter-button.active{background:linear-gradient(135deg,#fff2e8,#fff8f2);border-color:#ffd8b6;color:#cc6109;box-shadow:0 7px 20px rgba(255,125,24,.08)}.chapter-dot{width:9px;height:9px;border-radius:50%;background:#aec2d7;flex:0 0 auto}.chapter-button.active .chapter-dot{background:var(--lesson-orange);box-shadow:0 0 0 4px rgba(255,125,24,.12)}.chapter-range{margin-left:auto;font-size:10px;color:#8ca3bc}
.lesson-sidebar-bottom{margin-top:auto;padding-top:18px}.keyboard-tip{border:1px solid #e0ebf5;background:#f5f9fd;border-radius:14px;padding:11px 12px;color:#708ba8;font-size:11px;display:grid;gap:3px}.keyboard-tip strong{color:var(--lesson-navy)}.copyright{text-align:center;color:#9aafc5;font-size:10px;margin-top:12px}
.lesson-main{min-width:0;padding:20px 24px 32px;max-width:1500px;width:100%;margin:0 auto}.lesson-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px}.lesson-topbar-left{display:flex;align-items:center;gap:12px}.menu-button{display:none}.breadcrumb{display:flex;gap:8px;align-items:center;color:#7c95b2;font-size:12px;margin-bottom:3px}.breadcrumb a:hover{color:var(--lesson-orange)}.lesson-topbar h2{margin:0;color:var(--lesson-deep);font-size:26px;line-height:1.1}.lesson-topbar-actions{display:flex;gap:8px}.action-button{border:1px solid #dce7f2;background:#fff;color:var(--lesson-navy);border-radius:12px;padding:9px 13px;cursor:pointer;font:inherit;font-weight:800;box-shadow:0 7px 18px rgba(32,70,108,.06)}.action-button.accent{background:linear-gradient(135deg,#1f86e4,#1768b9);color:#fff;border-color:transparent}
.lesson-progress-wrap{background:#fff;border:1px solid #e0ebf5;border-radius:14px;padding:9px 12px;margin-bottom:12px;box-shadow:0 7px 22px rgba(33,77,125,.05)}.lesson-progress-info{display:flex;justify-content:space-between;align-items:center;color:#6b86a4;font-size:11px;margin-bottom:7px}.lesson-progress-info strong{color:var(--lesson-navy)}.lesson-progress-track{height:5px;background:#edf3f9;border-radius:999px;overflow:hidden}.lesson-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff9d45,var(--lesson-orange));border-radius:inherit;transition:width .25s ease}
.viewer-shell{background:#fff;border:1px solid #dfe9f4;border-radius:20px;box-shadow:0 12px 32px rgba(33,77,125,.09);padding:14px}.slide-stage-wrap{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e9f0f7,#f8fbfe);border-radius:15px;padding:14px;min-height:0}.slide-stage{position:relative;width:min(100%,1180px);aspect-ratio:16/9;background:#fff;border-radius:3px;overflow:hidden;box-shadow:0 18px 45px rgba(13,48,87,.18);container-type:inline-size;isolation:isolate;--slideScale:1;font-family:Arial,"Helvetica Neue",sans-serif}.slide-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at -5% 82%,rgba(63,154,226,.15) 0 10%,rgba(63,154,226,.07) 10% 18%,transparent 18.5%),linear-gradient(115deg,transparent 0 86%,rgba(52,136,205,.035) 86% 88%,transparent 88%);pointer-events:none;z-index:0}.slide-stage::after{content:"";position:absolute;right:3.2%;top:9.5%;width:11%;height:11%;opacity:.20;background-image:radial-gradient(circle,#3d91c7 1.2px,transparent 1.4px);background-size:11px 11px;pointer-events:none;z-index:1}.slide-chrome{position:absolute;inset:0;z-index:2;pointer-events:none;font-family:Arial,"Helvetica Neue",sans-serif}.chrome-top-blue{position:absolute;left:0;top:0;width:45%;height:2.8%;background:linear-gradient(90deg,#07519e,#0872ca);clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}.chrome-top-line{position:absolute;left:47%;top:2.8%;width:38%;height:1px;background:#75b3d5;box-shadow:18px 5px 0 -0.25px rgba(117,179,213,.65)}.chrome-top-line::before,.chrome-top-line::after{content:"";position:absolute;width:5px;height:5px;border:1.5px solid #75b3d5;border-radius:50%;top:-2px;background:#fff}.chrome-top-line::before{left:3%}.chrome-top-line::after{right:0}.chrome-top-orange{position:absolute;right:0;top:2.65%;width:14%;height:2.2%;background:linear-gradient(90deg,#ffb02e,#ff7b16);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}.chrome-bottom-blue{position:absolute;left:0;bottom:0;width:86%;height:2.15%;background:linear-gradient(90deg,#07519e,#0872ca);clip-path:polygon(0 0,97% 0,100% 100%,0 100%)}.chrome-bottom-orange{position:absolute;right:0;bottom:0;width:16%;height:2.15%;background:linear-gradient(90deg,#ffb02e,#ff7b16);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}.chrome-left-arc{position:absolute;left:-7.5%;bottom:4.7%;width:28%;height:53%;border-radius:50%;border:calc(var(--slideScale) * 17px) solid rgba(56,150,220,.12);border-right-color:transparent;border-top-color:transparent;transform:rotate(8deg)}.chrome-circuit-dots{position:absolute;right:4.5%;top:7.5%;width:8%;height:8%;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(48,134,191,.10) 8px 10px),repeating-linear-gradient(0deg,transparent 0 8px,rgba(48,134,191,.10) 8px 10px);opacity:.6}.slide-bkit-logo{position:absolute;left:1.35%;top:4.15%;width:13.8%;height:auto;display:block}.slide-cover-tagline{display:none;position:absolute;left:8.5%;bottom:9.2%;font-size:calc(var(--slideScale) * 14px);font-weight:700;letter-spacing:.10em;color:#18345c}.slide-cover-tagline i{display:inline-block;width:calc(var(--slideScale) * 4px);height:calc(var(--slideScale) * 4px);border-radius:50%;background:#e1a22d;margin:0 calc(var(--slideScale) * 8px);vertical-align:middle}.web-slide-element{position:absolute}.web-slide-image{object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;z-index:4}.web-slide-text{z-index:8;display:flex;flex-direction:column;justify-content:flex-start;color:#06396e;line-height:1.18;overflow:hidden;font-family:Arial,"Helvetica Neue",sans-serif;font-weight:400}.web-slide-text.hero-kicker{justify-content:flex-end;font-weight:700;color:#06396e;letter-spacing:0}.web-slide-text.hero-title{justify-content:flex-start;font-weight:700;color:#f28c18}.web-slide-text.slide-title{font-weight:700;color:#06396e;justify-content:center;padding:0;background:none;border:0;border-radius:0;letter-spacing:-.018em}.web-slide-text.caption{color:#457886}.web-slide-text.body-list,.web-slide-text.body-text{justify-content:flex-start;color:#06396e}.web-paragraph{margin:0 0 calc(var(--slideScale) * 9px);white-space:pre-wrap}.web-slide-text.body-list:not(.has-nested) .web-paragraph{position:relative;padding-left:calc(var(--slideScale) * 25px)}.web-slide-text.body-list:not(.has-nested) .web-paragraph::before{content:"•";position:absolute;left:0;top:-.05em;font-weight:700;color:#06396e}.web-slide-text.body-list.has-nested .web-paragraph.level-0{position:relative;padding-left:calc(var(--slideScale) * 25px);font-weight:600}.web-slide-text.body-list.has-nested .web-paragraph.level-0::before{content:"•";position:absolute;left:0;top:-.05em;font-weight:700;color:#06396e}.web-slide-text.body-list.has-nested .web-paragraph.level-1{position:relative;padding-left:calc(var(--slideScale) * 30px);margin-left:0!important;font-weight:400}.slide-stage[data-slide="4"] .web-slide-text.body-list.has-nested{counter-reset:bkit-list}.slide-stage[data-slide="4"] .web-slide-text.body-list.has-nested .web-paragraph.level-1{counter-increment:bkit-list;padding-left:calc(var(--slideScale) * 42px)}.slide-stage[data-slide="4"] .web-slide-text.body-list.has-nested .web-paragraph.level-1::before{content:counter(bkit-list) ".";position:absolute;left:0;top:0;color:#06396e;font-weight:400}.web-run{display:inline}.web-run[style*="font-weight: 700"]{font-weight:700}.cover-slide .slide-bkit-logo{top:4.8%;width:14.5%}.cover-slide .slide-cover-tagline{display:block}.cover-slide .web-slide-text.hero-kicker,.cover-slide .web-slide-text.hero-title{z-index:12;text-shadow:0 1px 0 rgba(255,255,255,.95)}
.slide-arrow{position:absolute;z-index:50;top:50%;transform:translateY(-50%);width:44px;height:64px;border:0;border-radius:14px;background:rgba(8,44,92,.82);color:#fff;font-size:38px;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(8,44,92,.18);opacity:.88}.slide-arrow:hover{opacity:1}.slide-arrow.left{left:24px}.slide-arrow.right{right:24px}.slide-arrow:disabled{opacity:.2;cursor:not-allowed}
.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.nav-button{border:1px solid #dce7f2;background:#f4f8fc;color:var(--lesson-navy);border-radius:11px;padding:9px 14px;font:inherit;font-weight:850;cursor:pointer}.nav-button.primary{background:linear-gradient(135deg,#ff9130,var(--lesson-orange));border-color:transparent;color:#fff}.nav-button:disabled{opacity:.35;cursor:not-allowed}.page-jump{display:flex;align-items:center;gap:7px;color:#6b86a4;font-size:12px}.page-jump input{width:62px;border:1px solid #dbe6f1;border-radius:9px;padding:7px 8px;text-align:center;color:var(--lesson-navy);font-weight:900;background:#fff}
.page-panel{margin-top:14px;background:#fff;border:1px solid #dfe9f4;border-radius:18px;box-shadow:0 10px 30px rgba(33,77,125,.07);padding:14px}.page-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.page-panel-head>div{display:grid;gap:2px}.page-panel-head strong{color:var(--lesson-deep)}.page-panel-head span{font-size:11px;color:#7a94b0}.page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:340px;overflow:auto;padding-right:3px}.page-card{border:1px solid #e0eaf4;background:#f9fbfe;border-radius:12px;padding:10px;text-align:left;cursor:pointer;transition:.15s ease;min-height:82px}.page-card:hover{transform:translateY(-1px);border-color:#c7d9eb;background:#fff}.page-card.active{border-color:#ffb578;background:#fff7f0;box-shadow:0 7px 18px rgba(255,125,24,.11)}.page-card-number{font-size:10px;font-weight:900;color:#98acc1}.page-card strong{display:block;color:var(--lesson-navy);font-size:12px;margin:4px 0;line-height:1.25}.page-card small{color:#7d95af;font-size:10px}
.lesson-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.lesson-summary article{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #e2ecf6;border-radius:15px;padding:12px;box-shadow:0 7px 20px rgba(33,77,125,.05)}.summary-icon{width:34px;height:34px;border-radius:10px;background:#edf6ff;display:grid;place-items:center;flex:0 0 auto}.lesson-summary strong{font-size:12px;color:var(--lesson-navy)}.lesson-summary p{font-size:10px;line-height:1.45;color:#7891ad;margin:3px 0 0}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#082c5c;color:#fff;padding:9px 14px;border-radius:999px;font-size:12px;font-weight:750;opacity:0;pointer-events:none;transition:.2s ease;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
.lesson-app.presentation-mode{display:block;background:#09182b}.lesson-app.presentation-mode .lesson-sidebar,.lesson-app.presentation-mode .lesson-topbar,.lesson-app.presentation-mode .lesson-progress-wrap,.lesson-app.presentation-mode .viewer-controls,.lesson-app.presentation-mode .page-panel,.lesson-app.presentation-mode .lesson-summary{display:none!important}.lesson-app.presentation-mode .lesson-main{max-width:none;padding:0;height:100vh}.lesson-app.presentation-mode .viewer-shell{padding:0;border:0;border-radius:0;background:#09182b;height:100vh;box-shadow:none;display:grid;place-items:center}.lesson-app.presentation-mode .slide-stage-wrap{width:100%;height:100%;padding:0;background:#09182b;border-radius:0}.lesson-app.presentation-mode .slide-stage{width:min(100vw,177.78vh);max-height:100vh;border-radius:0;box-shadow:none}.lesson-app.presentation-mode .slide-arrow.left{left:14px}.lesson-app.presentation-mode .slide-arrow.right{right:14px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){.lesson-app{grid-template-columns:245px minmax(0,1fr)}.lesson-main{padding:18px 14px}.page-grid{grid-template-columns:repeat(3,1fr)}.lesson-summary{grid-template-columns:1fr 1fr}.lesson-brand-link img{width:142px}}
@media(max-width:820px){.lesson-app{display:block}.lesson-sidebar{position:fixed;left:-286px;width:286px;top:0;bottom:0;height:100vh;transition:left .22s ease;box-shadow:12px 0 32px rgba(15,51,90,.17)}.lesson-sidebar.open{left:0}.mobile-only,.menu-button{display:grid;place-items:center}.lesson-main{padding:12px}.lesson-topbar{align-items:flex-start}.lesson-topbar-actions{gap:6px}.action-button{padding:8px 9px;font-size:11px}.slide-stage-wrap{padding:8px}.slide-arrow{width:34px;height:52px;font-size:30px}.slide-arrow.left{left:11px}.slide-arrow.right{right:11px}.page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.lesson-topbar h2{font-size:20px}.breadcrumb{font-size:10px}.lesson-topbar-actions .action-button:first-child{display:none}.viewer-shell{padding:8px;border-radius:14px}.slide-stage{border-radius:10px}.viewer-controls{gap:6px}.nav-button{padding:8px 10px;font-size:11px}.page-jump label{display:none}.page-jump input{width:52px}.lesson-summary{grid-template-columns:1fr}.slide-arrow{display:none}.page-grid{grid-template-columns:1fr 1fr}.lesson-main{padding:9px}.web-slide-text.slide-title{border-left-width:3px}}

/* ===== Modern BKIT web-slide theme ===== */
.lesson-body,
.lesson-sidebar,
.lesson-main,
.lesson-topbar,
.action-button,
.nav-button,
.page-card,
.chapter-button{
  font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
}
.lesson-brand-link img{
  width:124px;
  height:auto;
  object-fit:contain;
}
.slide-stage{
  font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 9%,rgba(33,134,229,.10),transparent 24%),
    radial-gradient(circle at 8% 91%,rgba(255,125,24,.08),transparent 22%),
    linear-gradient(145deg,#ffffff 0%,#fbfdff 52%,#f5f9ff 100%);
  box-shadow:0 26px 70px rgba(15,55,95,.18),0 2px 0 rgba(255,255,255,.8) inset;
}
.slide-stage::before{
  background:
    linear-gradient(115deg,transparent 0 76%,rgba(28,112,195,.025) 76% 77%,transparent 77%),
    radial-gradient(circle at 14% 86%,rgba(255,125,24,.055),transparent 18%);
  z-index:0;
}
.slide-stage::after{
  right:4.4%;
  top:7.5%;
  width:10%;
  height:12%;
  opacity:.18;
  background-image:radial-gradient(circle,#4a9bd0 1.15px,transparent 1.35px);
  background-size:12px 12px;
}
.slide-chrome{
  z-index:20;
  font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
}
.chrome-top-blue{
  left:0;
  top:0;
  width:72%;
  height:.72%;
  background:linear-gradient(90deg,#0b4f91,#2089e7 78%,#69b8ff);
  clip-path:none;
}
.chrome-top-orange{
  right:0;
  top:0;
  width:28%;
  height:.72%;
  background:linear-gradient(90deg,#ffb14a,#ff7d18);
  clip-path:none;
}
.chrome-top-line{display:none}
.chrome-bottom-blue{
  left:0;
  bottom:0;
  width:84%;
  height:1.45%;
  background:linear-gradient(90deg,#0a4e91,#1675c8 70%,#2b93e6);
  clip-path:polygon(0 0,98.3% 0,100% 100%,0 100%);
}
.chrome-bottom-orange{
  right:0;
  bottom:0;
  width:18%;
  height:1.45%;
  background:linear-gradient(90deg,#ffb14a,#ff7d18);
  clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);
}
.chrome-left-arc{
  left:-7%;
  bottom:4%;
  width:23%;
  height:41%;
  border:calc(var(--slideScale) * 12px) solid rgba(32,134,229,.055);
  border-right-color:transparent;
  border-top-color:transparent;
  filter:blur(.1px);
}
.chrome-circuit-dots{
  right:3.7%;
  top:7.3%;
  width:8.5%;
  height:8.5%;
  opacity:.26;
  background:radial-gradient(circle,rgba(31,132,202,.38) 1px,transparent 1.35px);
  background-size:calc(var(--slideScale) * 12px) calc(var(--slideScale) * 12px);
}
.slide-bkit-logo,
.cover-slide .slide-bkit-logo{
  position:absolute;
  left:3.05%;
  top:3.65%;
  width:8.4%;
  height:auto;
  display:block;
  object-fit:contain;
  padding:calc(var(--slideScale) * 5px) calc(var(--slideScale) * 7px);
  background:rgba(255,255,255,.92);
  border:1px solid rgba(207,224,239,.88);
  border-radius:calc(var(--slideScale) * 11px);
  box-shadow:0 calc(var(--slideScale) * 7px) calc(var(--slideScale) * 22px) rgba(15,66,112,.10);
}
.slide-cover-tagline{
  left:7.8%;
  bottom:7.8%;
  font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  font-size:calc(var(--slideScale) * 12px);
  font-weight:800;
  letter-spacing:.13em;
  color:#315c83;
}
.web-slide-text{
  font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  color:#173f67;
  line-height:1.34;
  letter-spacing:-.012em;
}
.web-slide-text.slide-title{
  font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  font-size:calc(var(--slideScale) * 43px)!important;
  font-weight:800;
  color:#0c355f;
  justify-content:center;
  letter-spacing:-.035em;
  padding-left:calc(var(--slideScale) * 18px);
}
.web-slide-text.slide-title::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:calc(var(--slideScale) * 5px);
  height:calc(var(--slideScale) * 38px);
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(180deg,#2089e7,#ff8b2d);
  box-shadow:0 0 0 calc(var(--slideScale) * 5px) rgba(32,137,231,.06);
}
.web-slide-text.body-list,
.web-slide-text.body-text{
  color:#274d72;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(205,222,238,.72);
  border-radius:calc(var(--slideScale) * 18px);
  padding:calc(var(--slideScale) * 16px) calc(var(--slideScale) * 19px);
  box-shadow:0 calc(var(--slideScale) * 10px) calc(var(--slideScale) * 28px) rgba(21,71,116,.055);
  backdrop-filter:blur(5px);
}
.web-slide-text.body-list:not(.has-nested) .web-paragraph::before,
.web-slide-text.body-list.has-nested .web-paragraph.level-0::before{
  color:#ff7d18;
}
.web-slide-text.caption{
  color:#5e7f9f;
  font-weight:600;
}
.web-slide-image{
  object-fit:contain;
  border-radius:calc(var(--slideScale) * 16px);
  padding:calc(var(--slideScale) * 8px);
  background:rgba(255,255,255,.84);
  box-shadow:0 calc(var(--slideScale) * 14px) calc(var(--slideScale) * 34px) rgba(16,61,101,.085);
}
.cover-slide .web-slide-image{
  padding:0;
  background:transparent;
  box-shadow:none;
  border-radius:0;
  filter:drop-shadow(0 calc(var(--slideScale) * 18px) calc(var(--slideScale) * 18px) rgba(13,58,98,.13));
}
.cover-slide .web-slide-text.hero-kicker{
  font-size:calc(var(--slideScale) * 31px)!important;
  font-weight:800;
  color:#0c4f8d;
  letter-spacing:.01em;
  text-shadow:none;
}
.cover-slide .web-slide-text.hero-title{
  font-size:calc(var(--slideScale) * 55px)!important;
  font-weight:900;
  color:#ff7d18;
  letter-spacing:-.045em;
  line-height:1.04;
  text-shadow:none;
}
.cover-slide::before{
  background:
    radial-gradient(circle at 77% 50%,rgba(32,137,231,.12),transparent 29%),
    radial-gradient(circle at 10% 88%,rgba(255,125,24,.08),transparent 20%),
    linear-gradient(135deg,#fff 0%,#fbfdff 55%,#f0f7ff 100%);
}
.assembly-slide .web-slide-image{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(214,226,238,.68);
}
@media(max-width:1100px){
  .lesson-brand-link img{width:114px}
}
@media(max-width:560px){
  .slide-stage{border-radius:12px}
  .slide-bkit-logo,.cover-slide .slide-bkit-logo{width:9.2%;left:2.8%;top:3.2%}
}

/* --- Tối ưu bố cục web-slide: logo + title cùng line, vùng nội dung rộng hơn --- */
.slide-bkit-logo,
.cover-slide .slide-bkit-logo{
  left:3.0%;
  top:2.55%;
  width:6.8%;
  padding:calc(var(--slideScale) * 4px) calc(var(--slideScale) * 6px);
  border-radius:calc(var(--slideScale) * 9px);
  box-shadow:0 calc(var(--slideScale) * 5px) calc(var(--slideScale) * 16px) rgba(15,66,112,.08);
}

.slide-stage:not(.cover-slide) .web-slide-text.slide-title{
  font-size:calc(var(--slideScale) * 37px)!important;
  line-height:1.08;
  padding-left:0;
  justify-content:center;
  overflow:visible;
  color:#0b3764;
}
.slide-stage:not(.cover-slide) .web-slide-text.slide-title::before{
  left:0;
  top:auto;
  bottom:calc(var(--slideScale) * -7px);
  width:calc(var(--slideScale) * 54px);
  height:calc(var(--slideScale) * 4px);
  transform:none;
  border-radius:999px;
  background:linear-gradient(90deg,#2089e7 0 72%,#ff8b2d 72% 100%);
  box-shadow:none;
}

/* Giảm chi tiết trang trí ở vùng nội dung để hình và chữ thoáng hơn. */
.slide-stage:not(.cover-slide) .chrome-circuit-dots{opacity:.12;top:5.8%;right:2.8%;width:6%;height:6%}
.slide-stage:not(.cover-slide) .chrome-left-arc{opacity:.62;width:18%;height:32%}

.web-slide-image{
  object-fit:contain;
  object-position:center;
  padding:calc(var(--slideScale) * 5px);
  border-radius:calc(var(--slideScale) * 14px);
  max-width:94%;
  max-height:79%;
}
.assembly-slide .web-slide-image{
  padding:calc(var(--slideScale) * 3px);
  background:rgba(255,255,255,.98);
  box-shadow:0 calc(var(--slideScale) * 10px) calc(var(--slideScale) * 24px) rgba(16,61,101,.07);
}

.web-slide-text.body-list,
.web-slide-text.body-text{
  padding:calc(var(--slideScale) * 13px) calc(var(--slideScale) * 16px);
  border-radius:calc(var(--slideScale) * 15px);
}

@media(max-width:560px){
  .slide-bkit-logo,.cover-slide .slide-bkit-logo{width:7.8%;left:2.8%;top:2.5%}
  .slide-stage:not(.cover-slide) .web-slide-text.slide-title{font-size:calc(var(--slideScale) * 35px)!important}
}

.assembly-loading{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:#315777;background:linear-gradient(145deg,#fff,#f6faff);z-index:20}.assembly-loading span{width:38px;height:38px;border:4px solid #dceaf6;border-top-color:#0b63ce;border-radius:50%;animation:bkit-spin .8s linear infinite}.assembly-loading strong{font-size:15px;color:#0b3764}.assembly-loading small{font-size:11px;color:#718398}@keyframes bkit-spin{to{transform:rotate(360deg)}}


/* MakeCode trực tiếp cho các Case Starter 03–34. */
.web-makecode-embed{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(187,210,231,.95);
  border-radius:calc(var(--slideScale) * 18px);
  box-shadow:0 calc(var(--slideScale) * 16px) calc(var(--slideScale) * 38px) rgba(13,61,104,.12);
}
.web-makecode-head{
  flex:none;
  min-height:calc(var(--slideScale) * 48px);
  display:flex;
  align-items:center;
  gap:calc(var(--slideScale) * 12px);
  padding:calc(var(--slideScale) * 8px) calc(var(--slideScale) * 14px);
  background:linear-gradient(90deg,#eef5ff,#f8fbff);
  border-bottom:1px solid #dce8f3;
  font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;
}
.web-makecode-head strong{
  color:#0b3764;
  font-size:calc(var(--slideScale) * 15px);
  font-weight:800;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.web-makecode-actions{margin-left:auto;display:flex;align-items:center;gap:calc(var(--slideScale) * 8px);flex:none}
.web-makecode-actions a{
  text-decoration:none;
  color:#0b63ce;
  background:#fff;
  border:1px solid #cfe1f2;
  border-radius:calc(var(--slideScale) * 9px);
  padding:calc(var(--slideScale) * 6px) calc(var(--slideScale) * 9px);
  font-size:calc(var(--slideScale) * 10px);
  font-weight:800;
}
.web-makecode-frame{display:block;flex:1;width:100%;min-height:0;border:0;background:#f7faff}
@media(max-width:700px){.web-makecode-actions a:first-child{display:none}.web-makecode-head strong{font-size:calc(var(--slideScale) * 13px)}}