/*
 * Expert LMS 2.6.13 — exact course template ports
 * Source of truth: user-supplied React templates Template1VibeAgency,
 * Template2MasterStudy, Template3EdumaMarketplace.
 * Layout/spacing are intentionally isolated from legacy Expert Original styles.
 * Only brand tokens (primary/background/text/accent/font) are inherited.
 */
body.acl-course-shell-body:has(.acl-showcase){margin:0!important;overflow-x:hidden!important;background:var(--acl-brand-background,#f8fafc)!important}
body.acl-course-shell-body .acl-course-shell:has(> .acl-showcase){margin:0!important;padding:0!important;max-width:none!important;width:100%!important;min-height:100vh!important;background:transparent!important;color:var(--acl-brand-text,#0f172a)!important}
body.acl-course-shell-body .acl-course-shell > .acl-showcase{
  --tpl-primary:var(--acl-brand-primary,#2563eb);
  --tpl-accent:var(--acl-brand-accent,#10b981);
  --tpl-page:var(--acl-brand-background,#f8fafc);
  --tpl-text:var(--acl-brand-text,#0f172a);
  --tpl-font:var(--acl-brand-font,'Be Vietnam Pro','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);
  --tpl-muted:color-mix(in srgb,var(--tpl-text) 58%,transparent);
  --tpl-muted-2:color-mix(in srgb,var(--tpl-text) 40%,transparent);
  --tpl-line:color-mix(in srgb,var(--tpl-text) 12%,transparent);
  --tpl-line-soft:color-mix(in srgb,var(--tpl-text) 7%,transparent);
  --tpl-surface:color-mix(in srgb,#fff 96%,var(--tpl-page) 4%);
  --tpl-soft:color-mix(in srgb,var(--tpl-primary) 7%,#fff 93%);
  --tpl-dark:color-mix(in srgb,var(--tpl-text) 80%,#020617 20%);
  --tpl-on-primary:#fff;
  width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0 0 80px!important;
  background:color-mix(in srgb,var(--tpl-page) 94%,#f8fafc 6%)!important;color:var(--tpl-text)!important;
  font-family:var(--tpl-font)!important;font-size:16px!important;line-height:1.5!important;letter-spacing:normal!important;text-align:left!important;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.acl-course-shell-body .acl-course-shell > .acl-showcase *,
body.acl-course-shell-body .acl-course-shell > .acl-showcase *::before,
body.acl-course-shell-body .acl-course-shell > .acl-showcase *::after{box-sizing:border-box}
body.acl-course-shell-body .acl-course-shell > .acl-showcase :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol){margin:0!important}
body.acl-course-shell-body .acl-course-shell > .acl-showcase :where(ul,ol){padding:0}
body.acl-course-shell-body .acl-course-shell > .acl-showcase :where(a){text-decoration:none!important}
body.acl-course-shell-body .acl-course-shell > .acl-showcase :where(img){display:block;max-width:100%;height:auto}
body.acl-course-shell-body .acl-course-shell > .acl-showcase :where(button,input,select,textarea){font:inherit}
body.acl-course-shell-body .acl-course-shell > .acl-showcase button{cursor:pointer}
body.acl-course-shell-body .acl-course-shell > .acl-showcase [hidden]{display:none!important}

/* Neutralize legacy course-shell catch-all styling inside the new template library. */
body.acl-course-shell-body .acl-course-shell > .acl-showcase :where(h1,h2,h3,h4,h5,h6,strong,b,dt,dd){font-family:var(--tpl-font)!important;color:var(--tpl-text)!important}
body.acl-course-shell-body .acl-course-shell > .acl-showcase :where(p,li,small,em,span){font-family:var(--tpl-font)!important}
body.acl-course-shell-body .acl-course-shell > .acl-showcase .acl-btn{min-height:unset!important;border-radius:unset!important;box-shadow:none!important;transform:none!important}

/* Shared dynamic blocks from Expert LMS -------------------------------------------------- */
.acl-showcase .acl-ct-avatar-stack{display:inline-flex!important;align-items:center!important;padding-left:8px!important;flex:0 0 auto}
.acl-showcase .acl-ct-avatar-stack img,.acl-showcase .acl-ct-avatar-stack i{width:30px!important;height:30px!important;margin-left:-8px!important;border-radius:999px!important;object-fit:cover!important;border:2px solid #fff!important;background:var(--tpl-soft)!important;color:var(--tpl-primary)!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:10px!important;font-weight:800!important}
.acl-showcase .acl-ct-empty{padding:28px!important;border:1px dashed var(--tpl-line)!important;border-radius:12px!important;text-align:center!important;color:var(--tpl-muted)!important;background:var(--tpl-surface)!important}

/* CTA from core: exact template buttons override old .acl-course-shell .acl-btn rules. */
body.acl-course-shell-body .acl-course-shell > .acl-showcase .acl-ct-cta .acl-btn,
body.acl-course-shell-body .acl-course-shell > .acl-showcase .acl-ct-package .acl-btn{
  width:100%!important;min-height:48px!important;padding:12px 18px!important;border:1px solid transparent!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:var(--tpl-primary)!important;color:#fff!important;
  font-family:var(--tpl-font)!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;text-transform:none!important;text-decoration:none!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--tpl-primary) 22%,transparent)!important;transition:transform .18s ease,filter .18s ease!important
}
body.acl-course-shell-body .acl-course-shell > .acl-showcase .acl-ct-cta .acl-btn:hover,
body.acl-course-shell-body .acl-course-shell > .acl-showcase .acl-ct-package .acl-btn:hover{filter:brightness(1.05);transform:translateY(-1px)!important;color:#fff!important}
.acl-showcase .acl-ct-access{color:var(--tpl-accent)!important;font-weight:800!important;font-size:15px!important}

/* Outcomes */
.acl-showcase .acl-ct-outcomes{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.acl-showcase .acl-ct-outcomes>div{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:13px 14px!important;border:1px solid var(--tpl-line-soft)!important;border-radius:12px!important;background:color-mix(in srgb,var(--tpl-page) 32%,#fff 68%)!important}
.acl-showcase .acl-ct-outcomes>div>span{width:20px!important;height:20px!important;flex:0 0 20px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--tpl-accent) 15%,#fff 85%)!important;color:var(--tpl-accent)!important;font-size:11px!important;font-weight:900!important}
.acl-showcase .acl-ct-outcomes p{margin:0!important;color:var(--tpl-text)!important;font-size:13px!important;line-height:1.65!important;font-weight:650!important}
.acl-showcase .acl-ct-badges{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:14px!important}
.acl-showcase .acl-ct-badges span{display:inline-flex!important;align-items:center!important;padding:6px 9px!important;border:1px solid color-mix(in srgb,var(--tpl-primary) 22%,var(--tpl-line))!important;border-radius:9px!important;background:var(--tpl-soft)!important;color:var(--tpl-text)!important;font-size:10px!important;font-weight:700!important}

/* Curriculum base */
.acl-showcase .acl-ct-curriculum{display:grid!important;gap:12px!important}
.acl-showcase .acl-ct-module{margin:0!important;overflow:hidden!important;border:1px solid var(--tpl-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.acl-showcase .acl-ct-module summary{list-style:none!important;cursor:pointer!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;background:color-mix(in srgb,var(--tpl-page) 34%,#fff 66%)!important;border:0!important;min-height:58px!important}
.acl-showcase .acl-ct-module summary::-webkit-details-marker{display:none}
.acl-showcase .acl-ct-module-index{width:26px!important;height:26px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--tpl-primary) 12%,#fff 88%)!important;color:var(--tpl-primary)!important;font-size:10px!important;font-weight:900!important}
.acl-showcase .acl-ct-module-copy{display:flex!important;min-width:0!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.acl-showcase .acl-ct-module-copy strong{min-width:0!important;color:var(--tpl-text)!important;font-size:13px!important;font-weight:800!important;line-height:1.4!important;white-space:normal!important}
.acl-showcase .acl-ct-module-copy small{flex:0 0 auto!important;color:var(--tpl-muted)!important;font-size:10px!important;font-weight:600!important}
.acl-showcase .acl-ct-chevron{width:8px!important;height:8px!important;margin-right:2px!important;border-right:2px solid var(--tpl-muted-2)!important;border-bottom:2px solid var(--tpl-muted-2)!important;transform:rotate(45deg)!important;transition:.18s ease!important}
.acl-showcase .acl-ct-module[open] .acl-ct-chevron,.acl-showcase .acl-ct-faq[open] .acl-ct-chevron{transform:rotate(225deg)!important;margin-top:5px!important;border-color:var(--tpl-primary)!important}
.acl-showcase .acl-ct-lessons{padding:0!important;border-top:1px solid var(--tpl-line-soft)!important;background:#fff!important}
.acl-showcase .acl-ct-lesson{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:11px 14px!important;border:0!important;border-radius:0!important;background:#fff!important;color:var(--tpl-text)!important;transition:background .15s ease!important}
.acl-showcase .acl-ct-lesson+.acl-ct-lesson{border-top:1px solid var(--tpl-line-soft)!important}
.acl-showcase .acl-ct-lesson:hover{background:color-mix(in srgb,var(--tpl-page) 42%,#fff 58%)!important}
.acl-showcase .acl-ct-lesson-media{width:48px!important;height:32px!important;border-radius:5px!important;overflow:hidden!important;background:var(--tpl-soft)!important;display:grid!important;place-items:center!important}
.acl-showcase .acl-ct-lesson-media img{width:100%!important;height:100%!important;object-fit:cover!important}
.acl-showcase .acl-ct-lesson-media i{font-style:normal!important;color:var(--tpl-primary)!important;font-size:12px!important;font-weight:900!important}
.acl-showcase .acl-ct-lesson-copy{display:grid!important;gap:2px!important;min-width:0!important}
.acl-showcase .acl-ct-lesson-copy small{order:2;color:var(--tpl-muted)!important;font-size:9px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
.acl-showcase .acl-ct-lesson-copy strong{order:1;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--tpl-text)!important;font-size:12px!important;font-weight:700!important}
.acl-showcase .acl-ct-lesson-state{display:flex!important;align-items:center!important;justify-content:flex-end!important}
.acl-showcase .acl-ct-lesson-state b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:25px!important;padding:4px 8px!important;border-radius:7px!important;background:color-mix(in srgb,var(--tpl-primary) 8%,#fff 92%)!important;border:1px solid color-mix(in srgb,var(--tpl-primary) 18%,var(--tpl-line))!important;color:var(--tpl-primary)!important;font-size:9px!important;font-weight:800!important}
.acl-showcase .acl-ct-lesson.is-locked .acl-ct-lesson-state b{background:#f8fafc!important;border-color:#e2e8f0!important;color:#94a3b8!important}

/* FAQ */
.acl-showcase .acl-ct-faqs{display:grid!important;gap:10px!important}
.acl-showcase .acl-ct-faq{overflow:hidden!important;border:1px solid var(--tpl-line)!important;border-radius:12px!important;background:#fff!important}
.acl-showcase .acl-ct-faq summary{list-style:none!important;cursor:pointer!important;padding:14px 16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 16px!important;align-items:center!important;gap:12px!important;background:#fff!important}
.acl-showcase .acl-ct-faq summary::-webkit-details-marker{display:none}
.acl-showcase .acl-ct-faq summary strong{color:var(--tpl-text)!important;font-size:12px!important;font-weight:800!important}
.acl-showcase .acl-ct-faq>div{padding:2px 16px 15px!important;border-top:1px solid var(--tpl-line-soft)!important;background:color-mix(in srgb,var(--tpl-page) 24%,#fff 76%)!important;color:var(--tpl-muted)!important;font-size:12px!important;line-height:1.7!important}
.acl-showcase .acl-ct-faq>div p{color:inherit!important;font-size:inherit!important;line-height:inherit!important}

/* Reviews */
.acl-showcase .acl-ct-review-summary{display:flex!important;align-items:center!important;gap:18px!important;padding:16px!important;margin-bottom:12px!important;border:1px solid var(--tpl-line)!important;border-radius:14px!important;background:color-mix(in srgb,var(--tpl-page) 34%,#fff 66%)!important}
.acl-showcase .acl-ct-review-summary>strong{font-size:34px!important;line-height:1!important;font-weight:900!important;color:var(--tpl-text)!important}
.acl-showcase .acl-ct-review-summary>div{display:grid!important;gap:3px!important}
.acl-showcase .acl-ct-review-summary span{color:#f59e0b!important;letter-spacing:1px!important;font-size:13px!important}
.acl-showcase .acl-ct-review-summary small{color:var(--tpl-muted)!important;font-size:10px!important}
.acl-showcase .acl-ct-review-list{display:grid!important;gap:10px!important}
.acl-showcase .acl-ct-review{padding:14px!important;border:1px solid var(--tpl-line-soft)!important;border-radius:12px!important;background:#fff!important}
.acl-showcase .acl-ct-review>div{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
.acl-showcase .acl-ct-review-avatar{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:var(--tpl-soft)!important;color:var(--tpl-primary)!important;font-size:11px!important;font-weight:800!important}
.acl-showcase .acl-ct-review strong{color:var(--tpl-text)!important;font-size:11px!important;font-weight:800!important}
.acl-showcase .acl-ct-review small{color:var(--tpl-muted-2)!important;font-size:9px!important}
.acl-showcase .acl-ct-review b{grid-column:2 / span 2!important;color:#f59e0b!important;font-size:9px!important;letter-spacing:1px!important}
.acl-showcase .acl-ct-review p{margin:7px 0 0 38px!important;color:var(--tpl-muted)!important;font-size:11px!important;line-height:1.65!important}

/* Instructor blocks */
.acl-showcase .acl-ct-instructors{display:grid!important;gap:14px!important}
.acl-showcase .acl-ct-instructor-card{min-width:0!important;padding:0!important;border:0!important;background:transparent!important}
.acl-showcase .acl-ct-instructor-card+.acl-ct-instructor-card{padding-top:16px!important;border-top:1px solid var(--tpl-line-soft)!important}
.acl-showcase .acl-ct-instructor-head{display:flex!important;align-items:flex-start!important;gap:12px!important}
.acl-showcase .acl-ct-instructor-head img,.acl-showcase .acl-ct-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:12px!important;object-fit:cover!important;background:var(--tpl-soft)!important;color:var(--tpl-primary)!important;display:grid!important;place-items:center!important;font-weight:900!important}
.acl-showcase .acl-ct-instructor-head>div{min-width:0!important;flex:1!important}
.acl-showcase .acl-ct-instructor-name{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important}
.acl-showcase .acl-ct-instructor-name strong{color:var(--tpl-text)!important;font-size:13px!important;font-weight:850!important}
.acl-showcase .acl-ct-instructor-name span{padding:2px 6px!important;border-radius:6px!important;background:var(--tpl-soft)!important;color:var(--tpl-primary)!important;font-size:8px!important;font-weight:800!important}
.acl-showcase .acl-ct-instructor-head small{display:block!important;margin-top:3px!important;color:var(--tpl-primary)!important;font-size:9px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.acl-showcase .acl-ct-instructor-card>p{margin:9px 0 0!important;color:var(--tpl-muted)!important;font-size:11px!important;line-height:1.65!important}
.acl-showcase .acl-ct-instructor-stats{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:9px!important}
.acl-showcase .acl-ct-instructor-stats span{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px 7px!important;border-radius:7px!important;background:color-mix(in srgb,var(--tpl-page) 38%,#fff 62%)!important;border:1px solid var(--tpl-line-soft)!important;color:var(--tpl-muted)!important;font-size:9px!important}
.acl-showcase .acl-ct-instructor-stats b{color:var(--tpl-text)!important;font-size:10px!important}
.acl-showcase .acl-ct-instructor-stats small{color:var(--tpl-muted)!important;font-size:9px!important}
.acl-showcase .acl-ct-instructors--wide .acl-ct-instructor-card{padding:20px!important;border:1px solid var(--tpl-line)!important;border-radius:16px!important;background:color-mix(in srgb,var(--tpl-page) 30%,#fff 70%)!important}
.acl-showcase .acl-ct-instructors--wide .acl-ct-instructor-card+.acl-ct-instructor-card{padding-top:20px!important;border-top:1px solid var(--tpl-line)!important}
.acl-showcase .acl-ct-instructors--wide .acl-ct-instructor-head img,.acl-showcase .acl-ct-instructors--wide .acl-ct-avatar{width:88px!important;height:88px!important;flex-basis:88px!important;border-radius:16px!important}
.acl-showcase .acl-ct-instructors--wide .acl-ct-instructor-name strong{font-size:18px!important}
.acl-showcase .acl-ct-instructors--wide .acl-ct-instructor-card>p{font-size:13px!important}

/* Resources / related */
.acl-showcase .acl-ct-resources{display:grid!important;gap:8px!important}
.acl-showcase .acl-ct-resources>a{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border:1px solid var(--tpl-line)!important;border-radius:10px!important;background:#fff!important;color:var(--tpl-text)!important}
.acl-showcase .acl-ct-resources>a>span{width:28px!important;height:28px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:var(--tpl-soft)!important;color:var(--tpl-primary)!important;font-weight:900!important}
.acl-showcase .acl-ct-resources strong{font-size:11px!important;color:var(--tpl-text)!important}
.acl-showcase .acl-ct-resources small{font-size:9px!important;color:var(--tpl-primary)!important;font-weight:700!important}
.acl-showcase .acl-ct-related{display:grid!important;gap:9px!important}
.acl-showcase .acl-ct-related>a{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:7px!important;border-radius:10px!important;color:var(--tpl-text)!important;transition:background .15s ease!important}
.acl-showcase .acl-ct-related>a:hover{background:color-mix(in srgb,var(--tpl-page) 38%,#fff 62%)!important}
.acl-showcase .acl-ct-related-image{width:78px!important;aspect-ratio:16/10!important;border-radius:8px!important;overflow:hidden!important;background:var(--tpl-soft)!important;display:grid!important;place-items:center!important}
.acl-showcase .acl-ct-related-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.acl-showcase .acl-ct-related-image i{font-style:normal!important;color:var(--tpl-primary)!important;font-size:8px!important;font-weight:900!important}
.acl-showcase .acl-ct-related>a>span:last-child{display:grid!important;gap:5px!important;min-width:0!important}
.acl-showcase .acl-ct-related strong{color:var(--tpl-text)!important;font-size:10px!important;line-height:1.35!important}
.acl-showcase .acl-ct-related small,.acl-showcase .acl-ct-related small *{color:var(--tpl-primary)!important;font-size:9px!important;font-weight:800!important}

/* Packages */
.acl-showcase .acl-ct-packages{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:14px!important}
.acl-showcase .acl-ct-package{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;padding:17px!important;border:2px solid var(--tpl-line)!important;border-radius:16px!important;background:#fff!important;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease!important}
.acl-showcase .acl-ct-package:hover,.acl-showcase .acl-ct-package.is-popular{border-color:var(--tpl-primary)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--tpl-primary) 12%,transparent)!important;transform:translateY(-1px)!important}
.acl-showcase .acl-ct-package-label{position:absolute!important;top:-10px!important;right:12px!important;padding:4px 8px!important;border-radius:999px!important;background:var(--tpl-primary)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important}
.acl-showcase .acl-ct-package-top{display:grid!important;gap:4px!important}
.acl-showcase .acl-ct-package-top>span{font-size:9px!important;font-weight:900!important;color:var(--tpl-primary)!important;text-transform:uppercase!important}
.acl-showcase .acl-ct-package-top strong{color:var(--tpl-text)!important;font-size:13px!important;line-height:1.4!important}
.acl-showcase .acl-ct-package-price{margin:12px 0!important;color:var(--tpl-text)!important;font-size:20px!important;font-weight:900!important}
.acl-showcase .acl-ct-package-price :where(.amount,bdi,ins){color:var(--tpl-text)!important;text-decoration:none!important}
.acl-showcase .acl-ct-package-price del,.acl-showcase .acl-ct-package-price del *{color:var(--tpl-muted-2)!important;font-size:10px!important}
.acl-showcase .acl-ct-package ul{list-style:none!important;margin:0 0 14px!important;padding:0!important;display:grid!important;gap:6px!important;flex:1!important}
.acl-showcase .acl-ct-package li{color:var(--tpl-muted)!important;font-size:10px!important;line-height:1.5!important}
.acl-showcase .acl-ct-single-price{display:grid!important;gap:12px!important}

/* ========================================================================== */
/* TEMPLATE 1 — VIBE AGENCY (from Template1VibeAgency.tsx)                   */
/* ========================================================================== */
.acl-ref-vibe{background:color-mix(in srgb,var(--tpl-page) 96%,#f8fafc 4%)!important;padding-bottom:70px!important}
.acl-vibe-container{width:min(1280px,calc(100% - 32px))!important;margin:0 auto!important}
.acl-vibe-template-note{padding:8px 0!important;border-bottom:1px solid color-mix(in srgb,var(--tpl-primary) 20%,var(--tpl-line))!important;background:color-mix(in srgb,var(--tpl-primary) 10%,#fff 90%)!important;color:color-mix(in srgb,var(--tpl-primary) 76%,var(--tpl-text) 24%)!important;font-size:11px!important;font-weight:650!important}
.acl-vibe-template-note .acl-vibe-container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.acl-vibe-template-note b{display:inline-flex!important;margin-right:8px!important;padding:3px 7px!important;border-radius:5px!important;background:var(--tpl-primary)!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
.acl-vibe-template-note small{color:var(--tpl-primary)!important;font-size:10px!important}
.acl-vibe-top{padding:24px 0!important;border-bottom:1px solid var(--tpl-line)!important;background:#fff!important}
.acl-vibe-top h1{margin:0 0 8px!important;color:var(--tpl-text)!important;font-size:clamp(25px,3vw,36px)!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.025em!important;text-transform:uppercase!important}
.acl-vibe-tagline{max-width:780px!important;margin:0 0 22px!important;color:var(--tpl-muted)!important;font-size:14px!important;line-height:1.65!important}
.acl-vibe-meta{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px 20px!important;padding-top:15px!important;border-top:1px solid var(--tpl-line-soft)!important;color:var(--tpl-muted)!important;font-size:11px!important}
.acl-vibe-meta>i{width:1px!important;height:16px!important;background:var(--tpl-line)!important}
.acl-vibe-meta>span,.acl-vibe-meta-person{display:flex!important;align-items:center!important;gap:6px!important;color:var(--tpl-muted)!important}
.acl-vibe-meta b{color:var(--tpl-text)!important;font-weight:800!important}
.acl-vibe-meta em{font-style:normal!important;color:var(--tpl-muted-2)!important}
.acl-vibe-meta-person>span:last-child{display:grid!important;gap:1px!important}
.acl-vibe-meta-person small{color:var(--tpl-muted-2)!important;font-size:9px!important}
.acl-vibe-meta-person strong{color:var(--tpl-text)!important;font-size:11px!important}
.acl-vibe-rating{color:#f59e0b!important}
.acl-vibe-level{padding:4px 8px!important;border-radius:6px!important;background:color-mix(in srgb,var(--tpl-page) 52%,#fff 48%)!important;color:var(--tpl-text)!important;font-weight:700!important}
.acl-vibe-tabs{position:sticky!important;top:0!important;z-index:30!important;border-bottom:1px solid var(--tpl-line)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important;box-shadow:0 3px 12px rgba(15,23,42,.04)!important}
body.admin-bar .acl-vibe-tabs{top:32px!important}
.acl-vibe-tabs .acl-vibe-container{display:flex!important;align-items:center!important;gap:30px!important;overflow-x:auto!important}
.acl-vibe-tabs a{position:relative!important;padding:13px 0!important;color:var(--tpl-muted)!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important}
.acl-vibe-tabs a:hover,.acl-vibe-tabs a.is-active{color:var(--tpl-primary)!important}
.acl-vibe-tabs a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:99px;background:var(--tpl-primary)!important}
.acl-vibe-layout{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(310px,1fr)!important;gap:32px!important;align-items:start!important;padding-top:30px!important}
.acl-vibe-content{display:grid!important;gap:28px!important;min-width:0!important}
.acl-vibe-hero{width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;border:1px solid #1e293b!important;border-radius:16px!important;background:#020617!important;box-shadow:0 18px 40px rgba(15,23,42,.14)!important}
.acl-vibe-hero img{width:100%!important;height:100%!important;object-fit:cover!important}
.acl-vibe-card{padding:24px!important;border:1px solid var(--tpl-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important;color:var(--tpl-text)!important}
.acl-vibe-section-head{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:18px!important;padding-bottom:12px!important;border-bottom:1px solid var(--tpl-line-soft)!important}
.acl-vibe-section-head>div{min-width:0!important}
.acl-vibe-section-head h2,.acl-vibe-split-head h2{color:var(--tpl-text)!important;font-size:17px!important;font-weight:800!important;line-height:1.35!important}
.acl-vibe-section-head p,.acl-vibe-split-head p{margin-top:3px!important;color:var(--tpl-muted)!important;font-size:10px!important;line-height:1.5!important}
.acl-vibe-section-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:var(--tpl-soft)!important;color:var(--tpl-primary)!important;font-size:14px!important;font-weight:900!important}
.acl-vibe-copy{margin-bottom:16px!important;padding:14px!important;border:1px solid var(--tpl-line-soft)!important;border-radius:12px!important;background:color-mix(in srgb,var(--tpl-page) 26%,#fff 74%)!important;color:var(--tpl-muted)!important;font-size:12px!important;line-height:1.75!important}
.acl-vibe-copy :where(p,li){color:var(--tpl-muted)!important;font-size:12px!important;line-height:1.75!important}
.acl-vibe-split-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:17px!important;padding-bottom:13px!important;border-bottom:1px solid var(--tpl-line-soft)!important}
.acl-vibe-split-head button{padding:0!important;border:0!important;background:transparent!important;color:var(--tpl-primary)!important;font-size:10px!important;font-weight:800!important}
.acl-vibe-sidebar{min-width:0!important}
.acl-vibe-sticky{position:sticky!important;top:68px!important;display:grid!important;gap:20px!important}
body.admin-bar .acl-vibe-sticky{top:100px!important}
.acl-vibe-enroll{padding:20px!important}
.acl-vibe-price{margin-bottom:14px!important;color:var(--tpl-text)!important;font-size:27px!important;font-weight:900!important}
.acl-vibe-price :where(.amount,bdi,ins){color:var(--tpl-text)!important;text-decoration:none!important}
.acl-vibe-price del,.acl-vibe-price del *{color:var(--tpl-muted-2)!important;font-size:12px!important}
.acl-vibe-login{min-height:40px!important;margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--tpl-line)!important;border-radius:10px!important;background:#fff!important;color:var(--tpl-text)!important;font-size:11px!important;font-weight:700!important}
.acl-vibe-login:hover{color:var(--tpl-primary)!important;border-color:color-mix(in srgb,var(--tpl-primary) 35%,var(--tpl-line))!important}
.acl-vibe-progress{display:grid!important;gap:8px!important;margin-bottom:14px!important;padding:14px!important;border:1px solid color-mix(in srgb,var(--tpl-primary) 18%,var(--tpl-line))!important;border-radius:12px!important;background:var(--tpl-soft)!important}
.acl-vibe-progress>div:first-child{display:flex!important;justify-content:space-between!important;gap:12px!important;color:var(--tpl-text)!important;font-size:11px!important;font-weight:700!important}
.acl-vibe-progress>div:first-child b{color:var(--tpl-primary)!important;font-size:15px!important}
.acl-vibe-progress-track{height:7px!important;overflow:hidden!important;border-radius:999px!important;background:color-mix(in srgb,var(--tpl-text) 11%,transparent)!important}
.acl-vibe-progress-track i{display:block!important;height:100%!important;border-radius:inherit!important;background:var(--tpl-primary)!important}
.acl-vibe-progress small{color:var(--tpl-muted)!important;font-size:9px!important}
.acl-vibe-facts{display:grid!important;margin-top:15px!important;padding-top:12px!important;border-top:1px solid var(--tpl-line-soft)!important}
.acl-vibe-facts>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 0!important;border-bottom:1px solid var(--tpl-line-soft)!important}
.acl-vibe-facts>div:last-child{border-bottom:0!important}
.acl-vibe-facts dt{color:var(--tpl-muted)!important;font-size:10px!important}
.acl-vibe-facts dd{margin:0!important;color:var(--tpl-text)!important;font-size:10px!important;font-weight:700!important;text-align:right!important}
.acl-vibe-instructor-box>header{margin-bottom:15px!important;padding-bottom:11px!important;border-bottom:1px solid var(--tpl-line-soft)!important;color:var(--tpl-text)!important;font-size:12px!important;font-weight:800!important}
.acl-vibe-trust{padding:15px!important;border:1px solid var(--tpl-line)!important;border-radius:16px!important;background:color-mix(in srgb,var(--tpl-page) 48%,#fff 52%)!important;display:grid!important;gap:11px!important}
.acl-vibe-trust>div+div{padding-top:11px!important;border-top:1px solid var(--tpl-line-soft)!important}
.acl-vibe-trust strong{display:block!important;color:var(--tpl-text)!important;font-size:10px!important}
.acl-vibe-trust p{margin-top:3px!important;color:var(--tpl-muted)!important;font-size:9px!important;line-height:1.5!important}

/* ========================================================================== */
/* TEMPLATE 2 — MASTERSTUDY TABS                                              */
/* ========================================================================== */
.acl-ref-masterstudy{background:color-mix(in srgb,var(--tpl-page) 95%,#f8fafc 5%)!important;padding-bottom:72px!important}
.acl-ms-container{width:min(1280px,calc(100% - 32px))!important;margin:0 auto!important}
.acl-ms-template-note{padding:9px 0!important;border-bottom:1px solid color-mix(in srgb,var(--tpl-primary) 20%,var(--tpl-line))!important;background:color-mix(in srgb,var(--tpl-primary) 10%,#fff 90%)!important;color:color-mix(in srgb,var(--tpl-primary) 72%,var(--tpl-text) 28%)!important;font-size:11px!important;font-weight:650!important}
.acl-ms-template-note .acl-ms-container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.acl-ms-template-note b{display:inline-flex!important;margin-right:8px!important;padding:3px 7px!important;border-radius:5px!important;background:var(--tpl-primary)!important;color:#fff!important;font-size:10px!important}
.acl-ms-template-note small{color:var(--tpl-primary)!important;font-size:10px!important}
.acl-ms-hero{padding:34px 0 36px!important;border-bottom:1px solid #1e293b!important;background:linear-gradient(135deg,var(--tpl-dark),color-mix(in srgb,#020617 88%,var(--tpl-primary) 12%))!important;color:#fff!important}
.acl-ms-hero-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important}
.acl-ms-hero-copy{max-width:880px!important;display:grid!important;gap:13px!important}
body.acl-course-shell-body .acl-course-shell > .acl-showcase .acl-ms-hero :where(h1,b,strong){color:#fff!important}
body.acl-course-shell-body .acl-course-shell > .acl-showcase .acl-ms-hero :where(p,span,em,small){color:rgba(255,255,255,.72)!important}
.acl-ms-badges{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important}
.acl-ms-badges>span{padding:5px 9px!important;border:1px solid color-mix(in srgb,var(--tpl-primary) 38%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--tpl-primary) 20%,transparent)!important;color:color-mix(in srgb,var(--tpl-primary) 35%,#fff 65%)!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.acl-ms-badges em{font-style:normal!important;font-size:10px!important;color:rgba(255,255,255,.55)!important}
.acl-ms-hero h1{color:#fff!important;font-size:clamp(26px,3.5vw,38px)!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.02em!important;text-transform:uppercase!important}
.acl-ms-hero p{max-width:780px!important;color:rgba(255,255,255,.72)!important;font-size:14px!important;line-height:1.65!important}
.acl-ms-metrics{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 14px!important;margin-top:3px!important;color:rgba(255,255,255,.72)!important;font-size:10px!important}
.acl-ms-metrics>span{display:flex!important;align-items:center!important;gap:5px!important;color:rgba(255,255,255,.72)!important}
.acl-ms-metrics>i{font-style:normal!important;color:rgba(255,255,255,.2)!important}
.acl-ms-metrics b{color:#fff!important;font-weight:750!important}
.acl-ms-metrics em{color:color-mix(in srgb,var(--tpl-primary) 38%,#fff 62%)!important;font-style:normal!important}
.acl-ms-actions{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important}
.acl-ms-actions button{padding:9px 13px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;color:rgba(255,255,255,.78)!important;font-size:10px!important;font-weight:700!important}
.acl-ms-layout{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(300px,.9fr)!important;gap:32px!important;align-items:start!important;padding-top:30px!important}
.acl-ms-tabs-card{overflow:hidden!important;border:1px solid var(--tpl-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important}
.acl-ms-tabs{display:flex!important;align-items:center!important;gap:3px!important;overflow-x:auto!important;padding:0 16px!important;border-bottom:1px solid var(--tpl-line)!important;background:color-mix(in srgb,var(--tpl-page) 38%,#fff 62%)!important}
.acl-ms-tabs button{display:flex!important;align-items:center!important;gap:5px!important;padding:14px 11px!important;border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;color:var(--tpl-muted)!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
.acl-ms-tabs button:hover{color:var(--tpl-text)!important;background:color-mix(in srgb,var(--tpl-page) 50%,#fff 50%)!important}
.acl-ms-tabs button.is-active{margin-bottom:-1px!important;border-bottom-color:var(--tpl-primary)!important;background:#fff!important;color:var(--tpl-primary)!important}
.acl-ms-tabs button span{min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:color-mix(in srgb,var(--tpl-text) 8%,transparent)!important;color:var(--tpl-muted)!important;font-size:8px!important}
.acl-ms-tabs button.is-active span{background:color-mix(in srgb,var(--tpl-primary) 12%,#fff 88%)!important;color:var(--tpl-primary)!important}
.acl-ms-panels{padding:24px!important}
.acl-ms-panel{display:grid!important;gap:24px!important;animation:acl-fade-in .14s ease both!important}
@keyframes acl-fade-in{from{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:none}}
.acl-ms-highlight{padding:19px!important;border:1px solid color-mix(in srgb,var(--tpl-primary) 20%,var(--tpl-line))!important;border-radius:16px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--tpl-primary) 7%,#fff 93%),color-mix(in srgb,var(--tpl-accent) 5%,#fff 95%))!important}
.acl-ms-highlight>header{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:13px!important}
.acl-ms-highlight>header>span{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:var(--tpl-primary)!important;color:#fff!important;font-weight:900!important}
.acl-ms-highlight h2{color:var(--tpl-text)!important;font-size:16px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:-.01em!important}
.acl-ms-overview{display:grid!important;gap:10px!important}
.acl-ms-overview h3{color:var(--tpl-text)!important;font-size:14px!important;font-weight:800!important}
.acl-ms-copy{padding:17px!important;border:1px solid var(--tpl-line-soft)!important;border-radius:14px!important;background:color-mix(in srgb,var(--tpl-page) 34%,#fff 66%)!important;color:var(--tpl-muted)!important;font-size:12px!important;line-height:1.75!important}
.acl-ms-copy :where(p,li){color:var(--tpl-muted)!important;font-size:12px!important;line-height:1.75!important}
.acl-ms-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-bottom:12px!important;border-bottom:1px solid var(--tpl-line-soft)!important;color:var(--tpl-muted)!important;font-size:10px!important}
.acl-ms-panel-head b{color:var(--tpl-text)!important}
.acl-ms-panel-head button{padding:0!important;border:0!important;background:transparent!important;color:var(--tpl-primary)!important;font-size:10px!important;font-weight:800!important}
.acl-ms-sidebar{min-width:0!important}
.acl-ms-sticky{position:sticky!important;top:24px!important;display:grid!important;gap:20px!important}
body.admin-bar .acl-ms-sticky{top:56px!important}
.acl-ms-buy-card{padding:18px!important;border:1px solid var(--tpl-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}
.acl-ms-buy-card figure{width:100%!important;aspect-ratio:16/9!important;margin:0 0 16px!important;overflow:hidden!important;border:1px solid var(--tpl-line)!important;border-radius:12px!important;background:#020617!important}
.acl-ms-buy-card figure img{width:100%!important;height:100%!important;object-fit:cover!important}
.acl-ms-price{margin-bottom:13px!important;color:var(--tpl-text)!important;font-size:28px!important;font-weight:900!important}
.acl-ms-price :where(.amount,bdi,ins){color:var(--tpl-text)!important;text-decoration:none!important}
.acl-ms-price del,.acl-ms-price del *{color:var(--tpl-muted-2)!important;font-size:11px!important}
.acl-ms-login{min-height:40px!important;margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--tpl-line)!important;border-radius:10px!important;background:#fff!important;color:var(--tpl-text)!important;font-size:10px!important;font-weight:700!important}
.acl-ms-buy-card>ul{list-style:none!important;margin:14px 0 0!important;padding:13px 0 0!important;border-top:1px solid var(--tpl-line-soft)!important;display:grid!important;gap:9px!important}
.acl-ms-buy-card>ul li{display:grid!important;grid-template-columns:25px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;color:var(--tpl-text)!important}
.acl-ms-buy-card>ul li>span{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:var(--tpl-soft)!important;color:var(--tpl-primary)!important;font-size:10px!important;font-weight:900!important}
.acl-ms-buy-card>ul small{color:var(--tpl-muted)!important;font-size:9px!important}
.acl-ms-buy-card>ul b{color:var(--tpl-text)!important;font-size:9px!important;text-align:right!important}
.acl-ms-related{padding:18px!important;border:1px solid var(--tpl-line)!important;border-radius:16px!important;background:#fff!important}
.acl-ms-related h3{margin-bottom:12px!important;color:var(--tpl-text)!important;font-size:12px!important;font-weight:800!important}

/* ========================================================================== */
/* TEMPLATE 3 — EDUMA MARKETPLACE / COMBO                                    */
/* ========================================================================== */
.acl-ref-marketplace{padding-bottom:100px!important;background:color-mix(in srgb,var(--tpl-page) 95%,#f8fafc 5%)!important}
.acl-market-container{width:min(1280px,calc(100% - 32px))!important;margin:0 auto!important}
.acl-market-template-note{padding:9px 0!important;border-bottom:1px solid color-mix(in srgb,var(--tpl-primary) 20%,var(--tpl-line))!important;background:color-mix(in srgb,var(--tpl-primary) 10%,#fff 90%)!important;color:color-mix(in srgb,var(--tpl-primary) 78%,var(--tpl-text) 22%)!important;font-size:11px!important;font-weight:650!important}
.acl-market-template-note .acl-market-container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.acl-market-template-note b{display:inline-flex!important;margin-right:8px!important;padding:3px 7px!important;border-radius:5px!important;background:var(--tpl-primary)!important;color:#fff!important;font-size:10px!important}
.acl-market-template-note small{color:var(--tpl-primary)!important;font-size:10px!important}
.acl-market-hero{position:relative!important;overflow:hidden!important;padding:40px 0!important;border-bottom:1px solid #1e293b!important;background:linear-gradient(135deg,#0f172a,#020617 54%,color-mix(in srgb,#1e1b4b 75%,var(--tpl-primary) 25%))!important;color:#fff!important}
.acl-market-glow{position:absolute!important;border-radius:999px!important;filter:blur(70px)!important;opacity:.13!important;pointer-events:none!important}
.acl-market-glow--one{top:-130px!important;right:22%!important;width:380px!important;height:380px!important;background:var(--tpl-primary)!important}
.acl-market-glow--two{bottom:-170px!important;left:32%!important;width:320px!important;height:320px!important;background:var(--tpl-accent)!important}
.acl-market-hero-grid{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(0,7fr) minmax(330px,5fr)!important;gap:44px!important;align-items:center!important}
body.acl-course-shell-body .acl-course-shell > .acl-showcase .acl-market-hero :where(h1,b,strong){color:#fff!important}
body.acl-course-shell-body .acl-course-shell > .acl-showcase .acl-market-hero :where(p,span,small,em){color:rgba(255,255,255,.72)!important}
.acl-market-copy{display:grid!important;gap:14px!important;min-width:0!important}
.acl-market-kicker{display:inline-flex!important;width:max-content!important;max-width:100%!important;padding:6px 10px!important;border:1px solid color-mix(in srgb,var(--tpl-primary) 38%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--tpl-primary) 18%,transparent)!important;color:color-mix(in srgb,var(--tpl-primary) 34%,#fff 66%)!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.acl-market-copy h1{color:#fff!important;font-size:clamp(30px,4.4vw,48px)!important;line-height:1.07!important;font-weight:950!important;letter-spacing:-.035em!important;text-transform:uppercase!important}
.acl-market-copy>p{max-width:700px!important;color:rgba(255,255,255,.72)!important;font-size:14px!important;line-height:1.7!important}
.acl-market-meta{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:13px 20px!important;margin-top:3px!important;color:rgba(255,255,255,.72)!important;font-size:10px!important}
.acl-market-meta>i{width:1px!important;height:30px!important;background:rgba(255,255,255,.12)!important}
.acl-market-meta>span,.acl-market-teacher{display:flex!important;align-items:center!important;gap:7px!important;color:rgba(255,255,255,.72)!important}
.acl-market-meta b{color:#fff!important;font-weight:800!important}
.acl-market-meta em{font-style:normal!important;color:rgba(255,255,255,.45)!important}
.acl-market-teacher>span:last-child{display:grid!important;gap:1px!important}
.acl-market-teacher small,.acl-market-meta span>small{color:rgba(255,255,255,.45)!important;font-size:9px!important}
.acl-market-actions{display:flex!important;gap:9px!important;margin-top:2px!important}
.acl-market-actions button{padding:8px 12px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.78)!important;font-size:10px!important;font-weight:700!important}
.acl-market-fastbuy{padding:16px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;background:rgba(15,23,42,.82)!important;backdrop-filter:blur(12px)!important;box-shadow:0 22px 55px rgba(0,0,0,.25)!important}
.acl-market-fastbuy figure{width:100%!important;aspect-ratio:16/9!important;margin:0 0 14px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;background:#020617!important}
.acl-market-fastbuy figure img{width:100%!important;height:100%!important;object-fit:cover!important}
.acl-market-price{margin-bottom:12px!important;color:#fff!important;font-size:27px!important;font-weight:900!important}
.acl-market-price :where(.amount,bdi,ins){color:#fff!important;text-decoration:none!important}
.acl-market-price del,.acl-market-price del *{color:rgba(255,255,255,.4)!important;font-size:11px!important}
body.acl-course-shell-body .acl-course-shell > .acl-ref-marketplace .acl-market-primary-cta .acl-btn{background:linear-gradient(90deg,var(--tpl-primary),color-mix(in srgb,var(--tpl-primary) 70%,var(--tpl-accent) 30%))!important;color:#fff!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.02em!important}
.acl-market-login{min-height:40px!important;margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid color-mix(in srgb,var(--tpl-primary) 38%,transparent)!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;color:color-mix(in srgb,var(--tpl-primary) 32%,#fff 68%)!important;font-size:10px!important;font-weight:700!important}
.acl-market-secure{display:block!important;margin-top:11px!important;text-align:center!important;color:rgba(255,255,255,.45)!important;font-size:9px!important}
.acl-market-layout{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(300px,.9fr)!important;gap:32px!important;align-items:start!important;padding-top:34px!important}
.acl-market-content{display:grid!important;gap:28px!important;min-width:0!important}
.acl-market-card{padding:24px!important;border:1px solid var(--tpl-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important;color:var(--tpl-text)!important}
.acl-market-outcomes>header,.acl-market-pricing>header{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:18px!important;padding-bottom:12px!important;border-bottom:1px solid var(--tpl-line-soft)!important}
.acl-market-outcomes>header>span,.acl-market-pricing>header>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:var(--tpl-soft)!important;color:var(--tpl-primary)!important;font-size:15px!important;font-weight:900!important}
.acl-market-outcomes>header small,.acl-market-pricing>header small{display:block!important;color:var(--tpl-primary)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important}
.acl-market-outcomes h2,.acl-market-pricing h2,.acl-market-card-title h2,.acl-market-split h2{color:var(--tpl-text)!important;font-size:18px!important;font-weight:900!important;line-height:1.35!important}
.acl-market-card-title{margin-bottom:16px!important;padding-bottom:12px!important;border-bottom:1px solid var(--tpl-line-soft)!important}
.acl-market-copy-body{color:var(--tpl-muted)!important;font-size:12px!important;line-height:1.78!important}
.acl-market-copy-body :where(p,li){color:var(--tpl-muted)!important;font-size:12px!important;line-height:1.78!important}
.acl-market-split{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:16px!important;padding-bottom:13px!important;border-bottom:1px solid var(--tpl-line-soft)!important}
.acl-market-split p{margin-top:3px!important;color:var(--tpl-muted)!important;font-size:10px!important}
.acl-market-split button{padding:0!important;border:0!important;background:transparent!important;color:var(--tpl-primary)!important;font-size:10px!important;font-weight:800!important}
.acl-market-sidebar{min-width:0!important}
.acl-market-sticky{position:sticky!important;top:24px!important;display:grid!important;gap:20px!important}
body.admin-bar .acl-market-sticky{top:56px!important}
.acl-market-sidebar .acl-market-card{padding:18px!important}
.acl-market-sidebar h3{margin-bottom:13px!important;padding-bottom:11px!important;border-bottom:1px solid var(--tpl-line-soft)!important;color:var(--tpl-text)!important;font-size:12px!important;font-weight:800!important}
.acl-market-benefits ul{list-style:none!important;display:grid!important;gap:9px!important}
.acl-market-benefits li{color:var(--tpl-muted)!important;font-size:10px!important;line-height:1.5!important}
.acl-market-bottom{position:fixed!important;z-index:39!important;left:0!important;right:0!important;bottom:0!important;padding:10px 0!important;border-top:1px solid var(--tpl-line)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important;box-shadow:0 -12px 30px rgba(15,23,42,.08)!important}
.acl-market-bottom>.acl-market-container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.acl-market-bottom>.acl-market-container>div:first-child{display:grid!important;min-width:0!important}
.acl-market-bottom small{color:var(--tpl-muted)!important;font-size:9px!important}
.acl-market-bottom strong{max-width:480px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--tpl-text)!important;font-size:11px!important}
.acl-market-bottom-right{display:flex!important;align-items:center!important;gap:14px!important}
.acl-market-bottom-price{white-space:nowrap!important;color:var(--tpl-text)!important;font-size:18px!important;font-weight:900!important}
.acl-market-bottom-price :where(.amount,bdi,ins){color:var(--tpl-text)!important;text-decoration:none!important}
.acl-market-bottom-price del,.acl-market-bottom-price del *{color:var(--tpl-muted-2)!important;font-size:10px!important}
body.acl-course-shell-body .acl-course-shell > .acl-ref-marketplace .acl-market-bottom-cta .acl-btn{min-width:205px!important;min-height:42px!important}

/* Variant-specific differences in shared dynamic blocks */
.acl-ref-vibe .acl-ct-module-index{background:color-mix(in srgb,var(--tpl-primary) 12%,#fff 88%)!important;color:var(--tpl-primary)!important}
.acl-ref-vibe .acl-ct-module[open]{border-color:color-mix(in srgb,var(--tpl-primary) 28%,var(--tpl-line))!important}
.acl-ref-masterstudy .acl-ct-module-index{background:color-mix(in srgb,var(--tpl-primary) 14%,#fff 86%)!important;color:var(--tpl-primary)!important}
.acl-ref-masterstudy .acl-ct-module[open] summary{background:color-mix(in srgb,var(--tpl-primary) 6%,#fff 94%)!important}
.acl-ref-masterstudy .acl-ct-lesson-state b{border-radius:6px!important}
.acl-ref-marketplace .acl-ct-module-index{background:var(--tpl-primary)!important;color:#fff!important}
.acl-ref-marketplace .acl-ct-module[open]{border-color:color-mix(in srgb,var(--tpl-primary) 34%,var(--tpl-line))!important}
.acl-ref-marketplace .acl-ct-module[open] summary{background:color-mix(in srgb,var(--tpl-primary) 6%,#fff 94%)!important}
.acl-ref-marketplace .acl-ct-packages{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.acl-ref-marketplace .acl-ct-package.is-popular::before{content:"ĐƯỢC CHỌN NHIỀU";position:absolute;left:14px;top:-10px;padding:4px 8px;border-radius:999px;background:var(--tpl-primary);color:#fff;font-size:7px;font-weight:900;letter-spacing:.04em}

/* Responsive -------------------------------------------------------------------------- */
@media(max-width:1100px){
  .acl-vibe-layout,.acl-ms-layout,.acl-market-layout,.acl-market-hero-grid{grid-template-columns:1fr!important}
  .acl-vibe-sticky,.acl-ms-sticky,.acl-market-sticky{position:static!important}
  .acl-market-fastbuy{max-width:620px!important;width:100%!important}
  .acl-ms-hero-row{align-items:flex-start!important}
}
@media(max-width:782px){
  body.admin-bar .acl-vibe-tabs{top:46px!important}
}
@media(max-width:720px){
  .acl-vibe-container,.acl-ms-container,.acl-market-container{width:min(100% - 24px,1280px)!important}
  .acl-vibe-template-note small,.acl-ms-template-note small,.acl-market-template-note small{display:none!important}
  .acl-vibe-top{padding:20px 0!important}.acl-vibe-top h1{font-size:27px!important}
  .acl-vibe-meta>i,.acl-market-meta>i{display:none!important}
  .acl-vibe-tabs .acl-vibe-container{gap:20px!important}
  .acl-vibe-layout,.acl-ms-layout,.acl-market-layout{gap:20px!important;padding-top:20px!important}
  .acl-vibe-card,.acl-market-card{padding:18px!important;border-radius:14px!important}
  .acl-ms-hero{padding:28px 0!important}.acl-ms-hero-row{flex-direction:column!important}.acl-ms-hero h1{font-size:29px!important}.acl-ms-actions{width:100%!important}
  .acl-ms-tabs{padding:0 8px!important}.acl-ms-tabs button{padding:13px 9px!important}.acl-ms-panels{padding:18px!important}
  .acl-market-hero{padding:30px 0!important}.acl-market-copy h1{font-size:33px!important}.acl-market-meta{gap:10px 14px!important}
  .acl-showcase .acl-ct-lesson{grid-template-columns:44px minmax(0,1fr)!important}.acl-showcase .acl-ct-lesson-media{width:42px!important;height:29px!important}.acl-showcase .acl-ct-lesson-state{grid-column:2!important;justify-content:flex-start!important}
  .acl-showcase .acl-ct-module-copy{display:grid!important;gap:2px!important}.acl-showcase .acl-ct-module-copy small{font-size:9px!important}
  .acl-showcase .acl-ct-instructors--wide .acl-ct-instructor-head{flex-direction:column!important}.acl-showcase .acl-ct-instructors--wide .acl-ct-instructor-head img,.acl-showcase .acl-ct-instructors--wide .acl-ct-avatar{width:72px!important;height:72px!important;flex-basis:72px!important}
  .acl-showcase .acl-ct-packages{grid-template-columns:1fr!important}
  .acl-market-bottom>.acl-market-container>div:first-child{display:none!important}.acl-market-bottom-right{width:100%!important}.acl-market-bottom-cta{flex:1!important}.acl-market-bottom-cta .acl-btn{min-width:0!important}
}
@media(max-width:480px){
  .acl-vibe-container,.acl-ms-container,.acl-market-container{width:min(100% - 18px,1280px)!important}
  .acl-vibe-card,.acl-market-card{padding:15px!important}
  .acl-vibe-meta,.acl-ms-metrics,.acl-market-meta{font-size:9px!important}
  .acl-showcase .acl-ct-module summary{grid-template-columns:28px minmax(0,1fr) 12px!important;padding:12px!important}.acl-showcase .acl-ct-module-index{width:26px!important;height:26px!important}
  .acl-showcase .acl-ct-review>div{grid-template-columns:28px minmax(0,1fr)!important}.acl-showcase .acl-ct-review small{display:none!important}.acl-showcase .acl-ct-review b{grid-column:2!important}.acl-showcase .acl-ct-review p{margin-left:0!important}
  .acl-market-bottom-price{font-size:14px!important}.acl-market-bottom-right{gap:8px!important}
}

/* 2.6.13 source-parity refinements ---------------------------------------------------- */
.acl-showcase .acl-ct-lesson-copy em{order:3;color:var(--tpl-muted)!important;font-style:normal!important;font-size:11px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;overflow:hidden!important}
.acl-showcase .acl-ct-lesson-state{gap:8px!important}
.acl-showcase .acl-ct-lesson-duration{display:inline-flex!important;align-items:center!important;min-height:22px!important;padding:2px 7px!important;border-radius:6px!important;background:#f1f5f9!important;color:#94a3b8!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:10px!important;white-space:nowrap!important}

/* Template 1 source uses a compact play/check glyph instead of lesson thumbnail. */
.acl-ref-vibe .acl-ct-lesson{grid-template-columns:18px minmax(0,1fr) auto!important;padding:12px 18px!important;gap:11px!important}
.acl-ref-vibe .acl-ct-lesson-media{width:18px!important;height:18px!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.acl-ref-vibe .acl-ct-lesson-media i{font-size:12px!important;color:var(--tpl-primary)!important}
.acl-ref-vibe .acl-ct-lesson.is-complete .acl-ct-lesson-media i{color:var(--tpl-accent)!important}
.acl-ref-vibe .acl-ct-lesson-copy small{display:none!important}
.acl-ref-vibe .acl-ct-lesson-copy strong{font-size:13px!important}
.acl-ref-vibe .acl-ct-lesson-state b{border-radius:999px!important;padding:4px 10px!important;font-size:10px!important}
.acl-ref-vibe .acl-ct-module summary{padding:14px 18px!important}
.acl-ref-vibe .acl-ct-related{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.acl-ref-vibe .acl-ct-related>a{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--tpl-line)!important;border-radius:12px!important;background:#fff!important}
.acl-ref-vibe .acl-ct-related>a:hover{background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important}
.acl-ref-vibe .acl-ct-related-image{width:100%!important;aspect-ratio:16/9!important;border-radius:0!important}
.acl-ref-vibe .acl-ct-related>a>span:last-child{padding:13px!important;gap:7px!important}
.acl-ref-vibe .acl-ct-related strong{font-size:12px!important;line-height:1.45!important}
.acl-ref-vibe .acl-ct-related small,.acl-ref-vibe .acl-ct-related small *{font-size:11px!important}

/* Template 2/3 lesson rows mirror the uploaded React layouts. */
.acl-ref-masterstudy .acl-ct-lesson,.acl-ref-marketplace .acl-ct-lesson{padding:13px 18px!important}
.acl-ref-masterstudy .acl-ct-lesson-copy strong,.acl-ref-marketplace .acl-ct-lesson-copy strong{font-size:13px!important}
.acl-ref-masterstudy .acl-ct-lesson-state b,.acl-ref-marketplace .acl-ct-lesson-state b{font-size:10px!important}
.acl-ref-masterstudy .acl-ct-lesson-media,.acl-ref-marketplace .acl-ct-lesson-media{width:48px!important;height:32px!important;border:1px solid #e2e8f0!important;border-radius:5px!important}

@media(min-width:640px){
  .acl-vibe-card,.acl-market-card{padding:32px!important}
  .acl-vibe-content,.acl-market-content{gap:32px!important}
  .acl-vibe-meta{font-size:13px!important}
  .acl-vibe-meta-person strong{font-size:13px!important}
  .acl-vibe-meta-person small{font-size:11px!important}
  .acl-vibe-section-head h2,.acl-vibe-split-head h2{font-size:18px!important}
  .acl-vibe-section-head p,.acl-vibe-split-head p{font-size:12px!important}
  .acl-vibe-copy,.acl-vibe-copy :where(p,li){font-size:14px!important}
  .acl-ms-hero{padding:48px 0!important}
  .acl-ms-hero p{font-size:16px!important}
  .acl-ms-metrics{font-size:12px!important}
  .acl-ms-tabs button{font-size:13px!important;padding:16px 13px!important}
  .acl-ms-panels{padding:32px!important}
  .acl-ms-highlight{padding:24px!important}
  .acl-ms-highlight h2{font-size:18px!important}
  .acl-ms-copy,.acl-ms-copy :where(p,li){font-size:14px!important}
  .acl-ms-buy-card{padding:24px!important}
  .acl-market-hero{padding:56px 0!important}
  .acl-market-copy>p{font-size:16px!important}
  .acl-market-meta{font-size:13px!important}
  .acl-market-fastbuy{padding:20px!important}
  .acl-market-outcomes h2,.acl-market-pricing h2,.acl-market-card-title h2,.acl-market-split h2{font-size:20px!important}
  .acl-market-copy-body,.acl-market-copy-body :where(p,li){font-size:14px!important}
}
@media(max-width:760px){
  .acl-ref-vibe .acl-ct-related{grid-template-columns:1fr!important}
}
