@font-face{font-family:"IBM Plex Sans";src:url("assets/IBMPlexSans-Variable.woff2") format("woff2");font-style:normal;font-weight:100 700;font-display:swap}
html body .side-subnav a,html body .side-subnav span{min-height:44px!important;padding-block:7px!important}html body .step-nav button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
:root{--gold-500:#c8a45a;--gold-300:#e2c77c;--gold-700:#8d6b2e;
  --lms-navy:#071827;--lms-navy-2:#0d263a;--lms-navy-3:#123249;
  --lms-teal:#159d9a;--lms-teal-bright:#36c4be;--lms-copper:#c8875a;--lms-terra:#c95e3d;
  --lms-ink:#172a38;--lms-muted:#607382;--lms-bg:#edf3f5;--lms-panel:#ffffff;--lms-soft:#f7fafb;
  --lms-line:#d5e0e5;--lms-shadow:0 10px 30px rgba(7,24,39,.07);--lms-radius:18px;
  --font-heading:"IBM Plex Sans",Arial,sans-serif;--font-body:"IBM Plex Sans",Arial,sans-serif;
  --steel:var(--lms-navy-2);--steel-deep:var(--lms-navy);--steel-mid:var(--lms-navy-3);
  --teal:var(--lms-teal);--teal-bright:var(--lms-teal-bright);--copper:var(--lms-copper);--brick:var(--lms-terra);
  --fog:var(--lms-ink);--ink:var(--lms-ink);--line:rgba(21,157,154,.35);--line-soft:var(--lms-line);
  --shadow:var(--lms-shadow);--radius-lg:var(--lms-radius);--radius-md:14px;--radius-sm:12px;
  --focus:0 0 0 3px #fff,0 0 0 6px var(--lms-teal);
}
*{box-sizing:border-box}
html{height:auto!important;min-width:320px;overflow-x:hidden!important;overflow-y:auto!important;background:var(--lms-bg);color-scheme:light;font-size:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{height:auto!important;min-width:320px;min-height:100vh!important;margin:0!important;padding-left:248px;color:var(--lms-ink);font:400 16px/1.55 var(--font-body);letter-spacing:0;background:
  radial-gradient(circle at 16% 5%,rgba(54,196,190,.11),transparent 30rem),
  radial-gradient(circle at 92% 92%,rgba(200,135,90,.08),transparent 32rem),var(--lms-bg)!important;overflow-x:hidden!important;overflow-y:auto!important}
body::before{display:none!important}
button,select,input{font-family:var(--font-body);font-size:15px}
a,button,summary{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:0;box-shadow:var(--focus)!important}
.skip-link{z-index:2000;background:#fff;color:var(--lms-navy);border:1px solid var(--lms-teal)}

/* Persistent learner navigation */
.learner-sidebar{position:fixed;z-index:1000;inset:0 auto 0 0;width:248px;height:100dvh;padding:18px 14px 14px;display:flex;flex-direction:column;color:#eaf6f6;background:
  radial-gradient(circle at 12% 0,rgba(54,196,190,.15),transparent 18rem),
  linear-gradient(180deg,var(--lms-navy-2),var(--lms-navy));border-right:1px solid rgba(255,255,255,.09);box-shadow:10px 0 32px rgba(7,24,39,.12);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#315264 transparent}
.side-brand{display:flex;align-items:center;gap:11px;min-height:52px;padding:8px 9px 16px;margin-bottom:12px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1)}
.side-brand-mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--lms-teal),var(--lms-teal-bright));box-shadow:0 9px 22px rgba(21,157,154,.25);font-size:13px;font-weight:700;color:#fff}
.side-brand-copy{display:grid;min-width:0}.side-brand-copy strong{font-size:14px;line-height:1.25;letter-spacing:-.01em}.side-brand-copy small{font-size:11px;line-height:1.35;color:#91b5bf}
.side-nav{display:grid;gap:6px}.side-overview,.side-module summary,.side-subnav a,.side-subnav span{display:flex;align-items:center;gap:10px;min-height:44px;border-radius:11px;color:#b9cbd2;text-decoration:none;font-size:13px;font-weight:500}
.side-overview{padding:9px 11px;border:1px solid transparent}.side-overview:hover,.side-overview[aria-current="page"]{color:#fff;background:rgba(54,196,190,.12);border-color:rgba(54,196,190,.25)}
.side-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.07);color:#8cded9;font-size:12px;font-weight:650}.side-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.side-module{border:1px solid transparent;border-radius:12px}.side-module[open]{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07)}
.side-module summary{padding:7px 9px;cursor:pointer;list-style:none}.side-module summary::-webkit-details-marker{display:none}.side-module summary::after{content:"⌄";margin-left:auto;color:#718e99;font-size:13px}.side-module:not([open]) summary::after{transform:rotate(-90deg)}
.side-module summary:hover,.side-module.current summary{color:#fff}.side-module.current summary .side-icon{background:rgba(21,157,154,.25);color:#6de0da}
.side-module[aria-disabled="true"] summary{cursor:default;color:#71858e}.side-module[aria-disabled="true"] summary::after{content:""}
.side-state{margin-left:auto;font-size:10px;font-weight:600;color:#72d8d2}.side-module summary::after+.side-state{margin-left:0}.side-module[aria-disabled="true"] .side-state{color:#d39a70}
.side-subnav{display:grid;gap:2px;margin:0 8px 8px 22px;padding-left:14px;border-left:1px solid rgba(255,255,255,.1)}
.side-subnav a,.side-subnav span{min-height:36px;padding:6px 9px;font-size:12px}.side-subnav a:hover,.side-subnav a[aria-current="page"]{color:#fff;background:rgba(21,157,154,.13)}
.side-subnav .side-chain{min-height:0!important;padding:5px 9px 8px!important;display:block!important;color:#7897a2;font-size:10px;line-height:1.45}
.side-footer{margin-top:auto;padding:14px 10px 4px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;line-height:1.5;color:#7897a2}.side-footer strong{display:block;color:#bcd1d7;font-size:12px;font-weight:600}

/* Compact SaaS learning workspace */
.app-shell{position:relative!important;z-index:1;width:min(1180px,calc(100% - 40px))!important;height:auto!important;min-height:100vh!important;margin:0 auto!important;padding:18px 0 24px!important;display:grid!important;grid-template-rows:auto auto auto auto!important;gap:12px!important;overflow:visible!important}
.surface{color:var(--lms-ink);border:1px solid var(--lms-line)!important;border-radius:var(--lms-radius)!important;background:rgba(255,255,255,.9)!important;box-shadow:var(--lms-shadow)!important;backdrop-filter:blur(12px)}
.topbar{min-height:58px!important;padding:9px 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
.brand-chip,.module-chip,.status-chip,.progress-label,.progress-value,.navigation-hint{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--lms-ink)!important}
.brand-chip{font-size:14px!important;font-weight:600!important;letter-spacing:0!important}.brand-chip svg{width:22px!important;height:22px!important;stroke:var(--lms-teal)!important}
.module-chip{gap:9px!important}.module-chip span{display:grid;place-items:center;min-width:34px!important;min-height:34px!important;padding:0 7px;border-radius:10px!important;background:var(--lms-navy-2)!important;color:#fff;font-size:12px!important;font-weight:650!important}.module-chip strong{font-size:14px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:0!important}
.status-chip{padding:7px 10px!important;border:1px solid #cfe4e2!important;border-radius:10px!important;background:#f2fbfa!important;color:#2f6867!important;font-size:12px!important;font-weight:500!important}
.progress-panel{min-height:62px!important;padding:10px 13px!important;display:grid!important;grid-template-columns:auto minmax(110px,1fr) auto!important;align-items:center!important;gap:10px 14px!important}
.progress-copy{display:flex!important;gap:12px!important}.progress-label,.progress-value{font-size:12px!important;font-weight:550!important;white-space:nowrap}.progress-track{height:6px!important;grid-column:2!important;border-radius:99px;background:#dfe8eb!important}.progress-track span{background:linear-gradient(90deg,var(--lms-teal),var(--lms-teal-bright))!important}
.progress-panel nav{grid-column:3!important}.step-nav{gap:5px!important;flex-wrap:wrap!important}.step-nav button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border:1px solid #c8d8de!important;border-radius:10px!important;background:#fff!important;color:#4b6470!important;font-size:12px!important;font-weight:600!important}.step-nav button[aria-current="step"]{border-color:var(--lms-teal)!important;background:var(--lms-teal)!important;color:#fff!important}.step-nav button[data-complete="true"]::after{width:16px!important;height:16px!important;transform:translate(6px,-10px)!important;background:var(--lms-copper)!important;color:var(--lms-navy)!important;font-size:10px!important}
.learning-stage{height:auto!important;min-height:0!important;display:grid!important;grid-template-rows:auto auto!important;gap:10px!important;overflow:visible!important}
.title-chip{width:100%!important;max-width:none!important;margin:0!important;padding:5px 3px 3px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--lms-ink)!important}
.title-chip .eyebrow{display:block;margin-bottom:4px!important;color:var(--lms-teal)!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important;letter-spacing:.06em!important;text-transform:uppercase}.title-chip h1{margin:0!important;max-width:34ch;color:var(--lms-ink)!important;font-size:clamp(28px,2.3vw,34px)!important;font-weight:600!important;line-height:1.16!important;letter-spacing:-.01em!important}
.content-frame{height:auto!important;min-height:500px!important;padding:18px!important;align-content:start!important;overflow:visible!important;border-color:var(--lms-line)!important}
.topic-layout,.activity-layout{height:auto!important;min-height:0!important;gap:16px!important}.topic-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)!important;align-items:stretch!important}
.image-card{min-height:0!important;border:1px solid #cbdbe0!important;border-radius:16px!important;background:#dfe8eb!important;box-shadow:none!important;overflow:hidden!important}.image-card img{display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:cover!important}
.topic-copy,.question-card,.feedback-card,.instruction-card,.interaction-card{height:auto!important;max-height:none!important;padding:18px!important;border:1px solid var(--lms-line)!important;border-radius:16px!important;background:rgba(248,251,252,.96)!important;color:var(--lms-ink)!important;box-shadow:none!important;overflow:visible!important}
.topic-copy{align-content:center!important;gap:12px!important}.topic-copy h2,.feedback-card h2{color:var(--lms-ink)!important;font-size:clamp(22px,1.6vw,27px)!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.01em!important}.topic-copy p,.feedback-card p,.instruction-card p{color:#405763!important;font-size:16px!important;font-weight:400!important;line-height:1.58!important}
.principle-chip{width:fit-content!important;max-width:100%!important;padding:9px 11px!important;border:1px solid #9e6542!important;border-radius:11px!important;background:#fffaf0!important;color:#8d6b2e!important;font-size:14px!important;font-weight:550!important;line-height:1.45!important}.principle-chip svg{width:20px!important;flex-basis:20px!important}
.activity-layout{grid-template-rows:auto auto!important}.question-card{gap:6px!important;padding:14px 16px!important;background:#f8fbfb!important}.question-card .scenario{padding:4px 8px!important;border:1px solid #c8e2df!important;border-radius:8px!important;background:#edf8f7!important;color:#27706e!important;font-size:12px!important;font-weight:600!important}.question-card h2{color:var(--lms-ink)!important;font-size:clamp(21px,1.5vw,26px)!important;font-weight:600!important;line-height:1.22!important;letter-spacing:-.01em!important}.question-card p{display:block!important;color:#536873!important;font-size:15px!important;line-height:1.55!important}
.interaction-card{min-height:220px!important;align-content:start!important;padding:16px!important;background:#fff!important}legend{margin-bottom:12px!important;color:var(--lms-ink)!important;font-size:20px!important;font-weight:600!important;line-height:1.28!important;letter-spacing:-.01em!important}
.option-list{gap:10px!important}.option,.bank-card,.match-row,.classify-row,.sort-card{height:auto!important;max-height:none!important;border:1px solid #d6e1e5!important;border-radius:12px!important;background:#f9fbfc!important;color:var(--lms-ink)!important;box-shadow:none!important}.option{min-height:56px!important;padding:11px 12px!important;gap:10px!important}.option:hover{border-color:var(--lms-teal)!important;background:#f2fbfa!important}.option:has(input:checked){border-color:var(--lms-teal)!important;background:#eaf8f7!important}.option input{width:22px!important;height:22px!important;margin-top:1px!important;accent-color:var(--lms-teal)!important}.option span,.classify-row>span,.sort-text,.match-row strong,.bank-card{color:var(--lms-ink)!important;font-size:15px!important;font-weight:500!important;line-height:1.48!important}
.fill-sentence{padding:15px!important;border:1px solid #9e6542!important;border-radius:12px!important;background:#fffbf1!important;color:var(--lms-ink)!important;font-size:16px!important;font-weight:500!important;line-height:1.55!important}
select{min-height:44px!important;padding:7px 38px 7px 10px!important;border:1px solid #bfd5db!important;border-radius:10px!important;background:#fff!important;color:var(--lms-ink)!important;font-size:15px!important;font-weight:500!important}
.bank-card,.match-row,.classify-row{padding:9px 11px!important}.sort-card{min-height:50px!important;padding:7px 9px!important}.sort-card::before{width:34px!important;height:34px!important;border-color:var(--lms-teal)!important;background:#e8f7f6!important;color:#216e6c!important;font-weight:650!important}.move-button{width:44px!important;height:44px!important;border:1px solid #bfd5db!important;border-radius:10px!important;background:#fff!important;color:var(--lms-navy-2)!important}.move-button:hover{background:var(--lms-teal)!important;color:#fff!important}
.feedback-layout{height:auto!important;color:var(--lms-ink)!important}.feedback-symbol{border-color:currentColor!important;background:#fff!important;font-size:42px!important;font-weight:600!important}.feedback-layout.good{color:#177752!important}.feedback-layout.review{color:#9b6811!important}.feedback-card{color:var(--lms-ink)!important}.feedback-card .result-chip{border-radius:9px!important;background:#fff!important;font-size:13px!important}.feedback-card .detail,.answer-review{height:auto!important;max-height:none!important;color:var(--lms-ink)!important;font-size:14px!important;line-height:1.5!important}.answer-review{border-width:1px!important;border-radius:10px!important;background:#fff!important}.answer-review.correct{border-color:#83c8aa!important;background:#f0faf5!important}.answer-review.wrong{border-color:#e4a18f!important;background:#fff4f1!important}.answer-review.missing{border-color:#ddc66f!important;background:#fffbea!important}
.navigation{min-height:60px!important;padding:8px 12px!important;grid-template-columns:auto minmax(180px,1fr) auto!important;gap:10px!important}.button{min-width:130px!important;min-height:44px!important;padding:9px 14px!important;border-radius:11px!important;font-size:15px!important;font-weight:600!important}.button-primary{border-color:#117b79!important;background:var(--lms-teal)!important;color:#fff!important}.button-secondary{border-color:#cad9de!important;background:#fff!important;color:var(--lms-navy-2)!important}.button:hover{filter:none!important;transform:translateY(-1px)}.navigation-hint{color:#637782!important;font-size:12px!important;text-align:center!important}
.completion-badge{border-color:var(--lms-copper)!important;background:#fffaf0!important;color:#030b16!important}

@media(max-width:1050px){
  body{padding-left:220px}.learner-sidebar{width:220px}.topic-layout{grid-template-columns:1fr!important}.image-card img{max-height:440px!important}.progress-panel{grid-template-columns:1fr!important}.progress-copy,.progress-track,.progress-panel nav{grid-column:1!important}.step-nav{justify-content:flex-start!important}
}
@media(max-width:800px){
  body{padding-left:0}.learner-sidebar{position:relative;inset:auto;width:100%;height:auto;max-height:none;padding:10px 12px;overflow:visible}.side-brand{min-height:44px;margin:0;padding:4px 4px 10px}.side-brand-mark{width:34px;height:34px;flex-basis:34px}.side-nav{display:flex;gap:7px;overflow-x:auto;padding-top:8px;scrollbar-width:thin}.side-overview,.side-module{flex:0 0 auto}.side-overview{min-width:148px}.side-module{min-width:154px}.side-module summary{min-height:44px}.side-subnav{display:none}.side-footer{display:none}
  .app-shell{width:calc(100% - 20px)!important;min-height:0!important;padding:12px 0 18px!important}.topbar{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}.brand-chip,.module-chip,.status-chip{width:100%!important;min-height:36px!important;justify-content:flex-start!important}.status-chip{width:fit-content!important}.title-chip h1{font-size:clamp(25px,7vw,30px)!important}.content-frame{min-height:0!important;padding:12px!important}.topic-layout{grid-template-columns:1fr!important}.topic-copy,.question-card,.feedback-card,.instruction-card,.interaction-card{padding:14px!important}.option-list{grid-template-columns:1fr!important}.match-layout{grid-template-columns:1fr!important}.classify-row{grid-template-columns:1fr!important}.navigation{grid-template-columns:1fr 1fr!important}.navigation-hint{grid-column:1/-1!important;grid-row:1!important}.button{width:100%!important}.feedback-layout{grid-template-columns:1fr!important}.feedback-symbol{display:none!important}
}
@media(max-width:420px){
  .app-shell{width:calc(100% - 12px)!important}.progress-copy{flex-direction:column!important;gap:3px!important}.title-chip h1{font-size:25px!important}.topic-copy h2,.feedback-card h2{font-size:22px!important}.question-card h2{font-size:20px!important}.topic-copy p,.feedback-card p,.instruction-card p,.question-card p{font-size:15px!important}.navigation{grid-template-columns:1fr!important}.navigation-hint{grid-column:1!important}.sort-card{grid-template-columns:34px minmax(0,1fr)!important}.move-buttons{grid-column:1/-1!important}.content-frame{padding:9px!important}
}
@media(max-height:659px){html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important}.app-shell,.learning-stage,.content-frame,.interaction-card{height:auto!important;min-height:0!important;overflow:visible!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Apex alignment: the same navy / emerald learner language used by KommunalAISuite SaaS. */
:root{--lms-ink:#eef5f6;--lms-muted:#91a8b2;--lms-bg:#06111c;--lms-panel:rgba(13,38,58,.78);--lms-soft:#0d263a;--lms-line:rgba(209,230,234,.12);--lms-shadow:0 14px 34px rgba(0,0,0,.22)}
html{background:var(--lms-bg);color-scheme:dark}
body{color:var(--lms-ink);background:radial-gradient(circle at 18% 4%,rgba(21,157,154,.15),transparent 31rem),radial-gradient(circle at 92% 88%,rgba(200,135,90,.09),transparent 34rem),linear-gradient(145deg,#06111c,#0a1c2a 58%,#071827)!important}
.surface{color:var(--lms-ink);border-color:rgba(209,230,234,.12)!important;background:rgba(13,38,58,.74)!important;box-shadow:var(--lms-shadow)!important}
.brand-chip,.module-chip,.status-chip,.progress-label,.progress-value,.navigation-hint{color:var(--lms-ink)!important}.status-chip{border-color:rgba(54,196,190,.22)!important;background:rgba(21,157,154,.1)!important;color:#9ce4df!important}.progress-track{background:rgba(209,230,234,.13)!important}.step-nav button{border-color:rgba(209,230,234,.15)!important;background:#0a2030!important;color:#b9cad0!important}.title-chip,.title-chip h1{color:var(--lms-ink)!important}
.content-frame{border-color:rgba(54,196,190,.2)!important;background:rgba(9,29,44,.76)!important}.image-card{border-color:rgba(54,196,190,.28)!important;background:#071827!important}.topic-copy,.question-card,.feedback-card,.instruction-card,.interaction-card{border-color:rgba(209,230,234,.12)!important;background:rgba(16,45,63,.78)!important;color:var(--lms-ink)!important}.topic-copy h2,.feedback-card h2,.question-card h2,legend{color:var(--lms-ink)!important}.topic-copy p,.feedback-card p,.instruction-card p,.question-card p{color:#bfd0d5!important}.principle-chip{border-color:rgba(200,135,90,.38)!important;background:rgba(200,135,90,.1)!important;color:#d39a70!important}.question-card .scenario{border-color:rgba(54,196,190,.26)!important;background:rgba(21,157,154,.12)!important;color:#89ddd8!important}.interaction-card{background:rgba(7,24,39,.62)!important}.option,.bank-card,.match-row,.classify-row,.sort-card{border-color:rgba(209,230,234,.13)!important;background:rgba(18,50,73,.7)!important;color:var(--lms-ink)!important}.option:hover,.option:has(input:checked){border-color:var(--lms-teal)!important;background:rgba(21,157,154,.13)!important}.option span,.classify-row>span,.sort-text,.match-row strong,.bank-card{color:var(--lms-ink)!important}.fill-sentence{border-color:rgba(200,135,90,.35)!important;background:rgba(200,135,90,.09)!important;color:var(--lms-ink)!important}select{border-color:rgba(209,230,234,.18)!important;background:#102e43!important;color:var(--lms-ink)!important}.sort-card::before{background:rgba(21,157,154,.14)!important;color:#8fe0dc!important}.move-button,.button-secondary{border-color:rgba(209,230,234,.17)!important;background:#102e43!important;color:#e6eff1!important}.feedback-card .result-chip,.feedback-card .detail,.answer-review{background:rgba(7,24,39,.48)!important;color:var(--lms-ink)!important}.answer-review.correct{background:rgba(23,119,82,.16)!important}.answer-review.wrong{background:rgba(201,94,61,.17)!important}.answer-review.missing{background:rgba(200,135,90,.14)!important}.navigation-hint{color:#8fa6af!important}

/* Nested learner cards and the pedagogic chain: objectives → videos → exercises → completion. */
:root{--lms-copper:#c8875a;--lms-copper-light:#d39a70;--lms-copper-dark:#9e6542}
.app-shell{grid-template-rows:auto auto!important}
.learning-workspace{min-width:0;padding:12px!important;display:grid!important;grid-template-rows:auto auto auto!important;gap:12px!important;border-radius:22px!important;border-color:rgba(54,196,190,.2)!important;background:linear-gradient(145deg,rgba(13,38,58,.72),rgba(7,24,39,.64))!important;box-shadow:0 18px 42px rgba(0,0,0,.25)!important}
.learning-workspace>.surface{box-shadow:none!important;background:rgba(5,17,28,.34)!important;border-color:rgba(209,230,234,.1)!important;backdrop-filter:none!important}
.learning-stage{padding:10px!important;border:1px solid rgba(209,230,234,.1)!important;border-radius:18px!important;background:rgba(5,17,28,.28)!important}
.title-chip{padding:12px 14px!important;border:1px solid rgba(209,230,234,.1)!important;border-radius:14px!important;background:rgba(18,50,73,.35)!important}
.content-frame{min-height:500px!important;padding:12px!important;border-radius:16px!important;background:rgba(7,24,39,.38)!important;box-shadow:none!important;backdrop-filter:none!important}
.progress-panel,.navigation{border-radius:15px!important}
.step-nav button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
.step-nav button:disabled{cursor:not-allowed;opacity:.42;border-style:dashed!important}
.step-nav button[data-complete="true"]{border-color:var(--lms-copper)!important}
.step-nav button[data-complete="true"]::after{background:var(--lms-copper)!important;color:#030b16!important}
.progress-track span{background:linear-gradient(90deg,var(--lms-teal),var(--lms-copper-light))!important}
.side-module[aria-disabled="true"] .side-state{color:var(--lms-copper-light)}
.principle-chip,.completion-badge{border-color:rgba(200,135,90,.5)!important;background:rgba(200,135,90,.16)!important;color:var(--lms-copper-light)!important}
.completion-badge{background:var(--lms-copper)!important;color:#030b16!important}
.match-column-title{border-color:rgba(200,135,90,.52)!important;background:rgba(200,135,90,.11)!important}

.overview-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:12px;align-items:stretch}
.overview-image-card,.overview-panel,.overview-case-card,.objective-card,.overview-meta,.completion-summary-card,.video-media-card,.video-info-card,.transcript-card{min-width:0;margin:0;border:1px solid rgba(209,230,234,.1);border-radius:14px;background:rgba(18,50,73,.36)}
.overview-image-card{padding:7px;overflow:hidden}.overview-image-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.overview-panel{padding:9px;display:grid;gap:9px;background:rgba(7,24,39,.28)}
.overview-case-card,.objective-card,.completion-summary-card{padding:14px}
.overview-case-card h2,.objective-card h3,.completion-summary-card h2,.video-info-card h2{margin:6px 0 7px;color:#eef5f6;font-size:clamp(20px,1.5vw,25px);font-weight:600;line-height:1.2;letter-spacing:-.01em}
.overview-case-card p,.completion-summary-card p,.video-info-card p{margin:0;color:#b9ccd2;font-size:15px;line-height:1.55}
.objective-card h3{margin:0 0 9px;font-size:18px}.objective-card ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.objective-card li{padding:9px 10px;border:1px solid rgba(209,230,234,.09);border-radius:10px;background:rgba(7,24,39,.28);color:#c8d8dc;font-size:14px;line-height:1.45}.objective-card li::before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:6px;background:var(--lms-copper);color:#030b16;font-weight:700}.objective-card li strong,.objective-card li span{display:block;margin-left:28px}.objective-card li strong{margin-top:-20px;color:#edf5f6;font-weight:600}.objective-card li span{margin-top:2px;color:#9fb4bc}
.overview-meta{padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:rgba(7,24,39,.3)}.overview-meta>span{padding:8px;border-radius:9px;background:rgba(18,50,73,.42);color:#91a8b2;font-size:11px;text-align:center}.overview-meta strong{display:block;color:var(--lms-copper-light);font-size:13px;font-weight:650}

.video-learning-shell{display:grid;gap:10px}.video-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:7px;border:1px solid rgba(209,230,234,.1);border-radius:13px;background:rgba(7,24,39,.28)}
.video-tabs button{min-height:52px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(209,230,234,.11);border-radius:10px;background:rgba(18,50,73,.42);color:#b9cbd2;font:600 13px/1.25 var(--font-body);cursor:pointer}.video-tabs button[aria-selected="true"]{border-color:var(--lms-copper);background:var(--lms-copper);color:#030b16}.video-tabs button small{font-size:11px;font-weight:500}
.video-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:10px}.video-media-card{padding:7px;display:grid;align-items:center;overflow:hidden;background:rgba(5,17,28,.5)}.video-media-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;background:#030b16}
.video-placeholder{min-height:300px;padding:24px;display:grid;place-content:center;gap:7px;text-align:center;border:1px dashed rgba(200,135,90,.55);border-radius:10px;background:radial-gradient(circle,rgba(200,135,90,.12),rgba(7,24,39,.46));color:#b7c8ce}.video-placeholder strong{color:var(--lms-copper-light);font-size:20px}.video-placeholder span{font-size:12px;overflow-wrap:anywhere}
.video-info-card{padding:14px;display:grid;align-content:start;gap:12px}.video-controls-row{display:grid;gap:8px}.video-controls-row label{display:grid;gap:5px;color:#a8bcc3;font-size:12px}.video-controls-row select{width:100%}.video-watch-state{min-height:44px;padding:9px 10px;display:flex;align-items:center;border:1px solid rgba(200,135,90,.34);border-radius:10px;background:rgba(200,135,90,.1);color:var(--lms-copper-light);font-size:13px;font-weight:600}
.transcript-card{overflow:hidden;background:rgba(7,24,39,.34)}.transcript-card summary{min-height:44px;padding:9px 11px;display:flex;align-items:center;cursor:pointer;color:#d4e2e5;font-size:13px;font-weight:600}.transcript-card p{margin:0;padding:0 11px 12px;color:#aabec5;font-size:14px;line-height:1.55}.video-requirement,.qa-unlock-note{margin:0;padding:10px 12px;border:1px solid rgba(209,230,234,.09);border-radius:11px;background:rgba(18,50,73,.28);color:#9fb4bc;font-size:13px;line-height:1.5}.qa-unlock-note{border-color:rgba(200,135,90,.4);color:var(--lms-copper-light)}
.completion-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.next-sco-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:9px 13px;border:1px solid var(--lms-copper-dark);border-radius:10px;background:var(--lms-copper);color:#030b16;text-decoration:none;font-size:14px;font-weight:650}

@media(max-width:1050px){.overview-shell,.video-panel{grid-template-columns:1fr}.video-media-card video{max-height:none!important}}
@media(max-width:800px){.learning-workspace{padding:8px!important;gap:8px!important;border-radius:18px!important}.learning-stage{padding:7px!important;gap:7px!important}.title-chip{padding:10px 11px!important}.content-frame{padding:8px!important}.video-tabs{grid-template-columns:1fr}.video-tabs button{min-height:44px}.overview-meta{grid-template-columns:1fr}.completion-preview{grid-template-columns:1fr}}
@media(max-width:420px){.learning-workspace{padding:6px!important}.content-frame{padding:6px!important}.overview-panel{padding:6px}.overview-case-card,.objective-card,.completion-summary-card,.video-info-card{padding:11px}.video-placeholder{min-height:190px;padding:14px}}

.hint-card,.test-result{margin-top:10px;padding:10px 12px;border:1px solid rgba(200,135,90,.34);border-radius:12px;background:rgba(200,135,90,.09)}.hint-card summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}.hint-card p{margin:7px 0 0}.test-result h3{margin:0 0 8px;font-size:1.4rem}.test-result.passed{border-color:rgba(84,184,131,.55)}.test-result.failed{border-color:rgba(201,94,61,.58)}