.hc-course-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:var(--hc-shell-bg,#f6f8fc)}@media (max-width:900px){.hc-course-shell{grid-template-columns:1fr}}.hc-course-runtime{width:100%;height:100%;min-height:100%;background:var(--lhphuc-voca-shell-bg,#f6f8fc)}.hc-course-runtime__main{position:relative;background:#fff;min-height:calc(100vh - var(--lhphuc-voca-header-h, 50px));display:flex;flex-direction:column;padding:0 0 92px}.hc-course-runtime__comments{width:100%;max-width:860px;margin:4px auto 24px;padding:0 clamp(16px,4vw,28px);box-sizing:border-box}.hc-course-runtime__state{min-height:360px;padding:40px;color:#94a3b8;font-size:14px;text-align:center}.hc-course-runtime__lock,.hc-course-runtime__state{display:flex;align-items:center;justify-content:center}.hc-course-runtime__lock{min-height:calc(100vh - var(--lhphuc-voca-header-h, 50px) - 112px);padding:16px clamp(16px,4vw,28px) 0}.hc-course-runtime__bottombar{position:fixed;left:calc(var(--lhphuc-voca-sidebar-w-collapsed, 68px) + var(--lhphuc-voca-course-w, 320px));right:0;bottom:0;z-index:10040;display:flex!important;align-items:center;min-height:56px;box-sizing:border-box;padding:0 16px;border-top:1px solid var(--lhphuc-voca-border,#e5e7eb);background:#fff}.hc-course-runtime__bottombar .lhphuc-voca-program-bottombar{width:100%;flex:1 1 auto}@media (min-width:901px){.lhphuc-voca-dashboard-shell.has-course.course-closed.is-collapsed{grid-template-columns:var(--lhphuc-voca-sidebar-w-collapsed,68px) 0 minmax(0,1fr)!important}}.lhphuc-voca-dashboard-shell.has-course.course-open:not(.is-collapsed) .hc-course-runtime__bottombar{left:calc(var(--lhphuc-voca-sidebar-w, 280px) + var(--lhphuc-voca-course-w, 320px))}.lhphuc-voca-dashboard-shell.has-course.course-open.is-collapsed .hc-course-runtime__bottombar{left:calc(var(--lhphuc-voca-sidebar-w-collapsed, 68px) + var(--lhphuc-voca-course-w, 320px))}.lhphuc-voca-dashboard-shell.has-course.course-closed:not(.is-collapsed) .hc-course-runtime__bottombar{left:var(--lhphuc-voca-sidebar-w,280px)}.lhphuc-voca-dashboard-shell.has-course.course-closed.is-collapsed .hc-course-runtime__bottombar{left:var(--lhphuc-voca-sidebar-w-collapsed,68px)}.lhphuc-voca-dashboard-coursebar #lhpv-coursebar-slot{min-height:100%}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav{padding:26px 18px 28px}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-content{padding:20px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-content::-webkit-scrollbar{width:8px;height:8px;background:transparent}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-content::-webkit-scrollbar-track{background:transparent}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:999px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-content:hover{scrollbar-color:rgba(100,116,139,.35) transparent}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-content:hover::-webkit-scrollbar-thumb{background-color:rgba(100,116,139,.35)}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-content:hover::-webkit-scrollbar-thumb:hover{background-color:rgba(100,116,139,.55)}.lhphuc-voca-course-nav__collapse{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #e2e8f0;border-radius:999px;background:#ffffff;color:#475569;cursor:pointer;box-shadow:0 4px 10px rgba(15,23,42,.06);transition:background .16s ease,color .16s ease,transform .16s ease}.lhphuc-voca-course-nav__collapse:hover{background:#eff6ff;color:#2563eb;transform:translateX(-1px)}@media (max-width:900px){.hc-course-runtime__main{padding:0 0 86px}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-content{overflow-x:hidden;overflow-y:auto}.hc-course-runtime__bottombar{left:0;padding:0 12px}}.lhphuc-voca-course-nav__filters--segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:2px;width:calc(100% - 8px);margin:14px 4px 16px;padding:3px;border-radius:12px;background:#f1f5f9}.lhphuc-voca-course-nav__filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:32px;border:0;background:transparent;padding:0 4px;font-size:11.5px;line-height:1;font-weight:700;color:#64748b;border-radius:9px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .12s,color .12s}.lhphuc-voca-course-nav__filter.is-active{background:#fff;color:#0f172a;box-shadow:0 1px 2px rgba(15,23,42,.08)}.lhphuc-voca-course-nav__filter:hover:not(.is-active){color:#0f172a}.hc-course-runtime .lhpv-dg--chip,.lhphuc-voca-dashboard-coursebar .lhpv-dg--chip{position:relative}.hc-course-runtime .lhpv-dg--chip .lhpv-dg__popover,.lhphuc-voca-dashboard-coursebar .lhpv-dg--chip .lhpv-dg__popover{position:absolute;top:calc(100% + 10px);right:0;left:auto;width:280px;min-width:240px;max-height:380px;overflow-y:auto}.lhphuc-voca-dashboard-coursebar{overflow:visible}.lhphuc-voca-dashboard-coursebar .lhphuc-voca-course-nav__items{max-height:calc(100vh - 320px);overflow-y:auto;padding-right:4px}.hc-course-runtime .lhpv-dg__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px}.hc-course-runtime .lhpv-dg__card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e2e8f0;background:#fff;padding:8px 0 6px;border-radius:8px;font-size:12px;font-weight:700;color:#475569;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;transition:background .12s,border-color .12s}.hc-course-runtime .lhpv-dg__card:hover{background:#f8fafc;border-color:#6366f1}.hc-course-runtime .lhpv-dg__card--current{background:#ecfdf5;border-color:#10b981;color:#047857}.hc-course-runtime .lhpv-dg__card--done{background:#f0fdf4;border-color:#86efac;color:#15803d}.hc-course-runtime .lhpv-dg__dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.hc-course-runtime .lhpv-dg__card--current .lhpv-dg__dot{background:#10b981}.hc-course-runtime .lhpv-dg__card--done .lhpv-dg__dot{background:#16a34a}.lhphuc-voca-course-nav__progress-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#475569;margin-bottom:6px}.lhphuc-voca-course-nav__progress-inline strong{color:#0f172a;font-weight:700}.lhphuc-voca-course-nav__progress-sep{color:#cbd5e1}.lhphuc-voca-course-nav__progress-footer{display:inline-flex;align-items:center;gap:4px;color:#f59e0b;font-weight:700}.hc-course-sidebar{background:#fff;border-right:1px solid var(--hc-border,#e5e7eb);padding:16px 14px;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-y:auto;position:sticky;top:0}.hc-course-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:transparent;border:1px solid transparent;cursor:pointer;text-align:left;transition:background .12s ease;width:100%}.hc-course-item:hover{background:var(--hc-card-soft,#fafbff)}.hc-course-item.is-active{background:var(--hc-brand-primary-soft,#f3e8ff);border-color:var(--hc-brand-primary-border,#ddd6fe)}.hc-course-runtime .hc-lesson{flex:1 1 auto;padding:0 0 100px;overflow-y:auto}.hc-course-runtime .hc-lesson,.hc-course-runtime .hc-lesson__card{min-height:calc(100vh - var(--lhphuc-voca-header-h, 50px) - 92px);width:100%;background:#fff}.hc-course-runtime .hc-lesson__card{max-width:none;margin:0;border-radius:0;border-top:4px solid;-o-border-image:linear-gradient(90deg,#3b82f6,#ec4899,#f97316,#22c55e) 1;border-image:linear-gradient(90deg,#3b82f6,#ec4899,#f97316,#22c55e) 1;padding:clamp(22px,3vw,44px) clamp(24px,4vw,72px);box-shadow:none}.hc-course-runtime .hc-lesson__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--hc-border-soft,#e2e8f0)}.hc-course-runtime .hc-lesson__header-left{display:flex;flex-direction:column;min-width:0}.hc-course-runtime .hc-lesson__badge{display:inline-flex;align-self:flex-start;align-items:center;padding:5px 14px;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;background:#eff6ff;color:#3b82f6}.hc-course-runtime .hc-lesson__translate-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--hc-text-muted,#6b7280)}.hc-course-runtime .hc-lesson__title{font-size:24px;font-weight:700;line-height:1.25;color:var(--hc-text-strong,#0f172a);margin:0}.hc-course-runtime .hc-lesson__subtitle{margin:6px 0 0;font-size:14px;color:var(--hc-text-muted,#64748b)}.hc-course-runtime .hc-lesson__player{display:flex;align-items:center;gap:14px;padding:8px 22px 8px 8px;background:#f8fafc;border:1px solid var(--hc-border-soft,#e2e8f0);border-radius:999px;margin-bottom:20px}.hc-course-runtime .hc-lesson__play-btn{width:48px;height:48px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#3b82f6;border:1px solid var(--hc-border-soft,#e2e8f0);cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.hc-course-runtime .hc-lesson__play-btn:hover{border-color:#3b82f6;transform:scale(1.04);box-shadow:0 2px 8px rgba(59,130,246,.18)}.hc-course-runtime .hc-lesson__volume-btn{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:transparent;color:var(--hc-text-muted,#64748b);border:0;cursor:pointer}.hc-course-runtime .hc-lesson__time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--hc-text-muted,#6b7280)}.hc-course-runtime .hc-lesson__progress{flex:1;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden;cursor:pointer}.hc-course-runtime .hc-lesson__progress-fill{height:100%;background:#3b82f6;border-radius:999px}.hc-course-runtime .hc-lesson__sentences{display:flex;flex-direction:column;gap:6px}.hc-course-runtime .hc-lesson__sentence{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--hc-card-bg,#fff);border:1px solid var(--hc-border,#e5e7eb);border-radius:14px;cursor:pointer;width:100%;text-align:left;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.hc-course-runtime .hc-lesson__sentence:hover{border-color:var(--hc-border-strong,#d1d5db);background:var(--hc-card-soft,#fafbff)}.hc-course-runtime .hc-lesson__sentence.is-active{background:var(--hc-accent-blue-soft,#eff6ff);border-color:var(--hc-accent-blue,#3b82f6);box-shadow:0 0 0 1px var(--hc-accent-blue,#3b82f6)}.hc-course-runtime .hc-lesson__sentence-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--hc-border-soft,#eef0f5);color:var(--hc-text-muted,#6b7280);font-size:13px;font-weight:700}.hc-course-runtime .hc-lesson__sentence.is-active .hc-lesson__sentence-num{background:var(--hc-accent-blue,#3b82f6);color:var(--hc-card-bg,#fff)}.hc-course-runtime .hc-lesson__sentence-body{flex:1;min-width:0}.hc-course-runtime .hc-lesson__sentence-en{display:block;font-size:15px;font-weight:700;color:var(--hc-text-strong,#0f172a);line-height:1.5}.hc-course-runtime .hc-lesson__sentence-vi{display:block;margin-top:3px;font-size:13.5px;color:var(--hc-text-muted,#64748b);line-height:1.45}.hc-course-runtime .hc-lesson__sentence-play{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;color:var(--hc-text-muted,#6b7280);border:0;cursor:pointer}.hc-course-runtime .hc-lesson__sentence-play:hover{background:var(--hc-brand-primary-soft,#f3e8ff);color:var(--hc-brand-primary,#7c3aed)}.hc-course-runtime .hc-lesson__footer{position:fixed;bottom:0;left:280px;right:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 24px;background:#fff;border-top:1px solid var(--hc-border,#e5e7eb);display:none}.lhphuc-voca-dashboard-shell.has-course.course-open:not(.is-collapsed) .hc-course-runtime .hc-lesson__footer{left:calc(var(--lhphuc-voca-sidebar-w, 280px) + var(--lhphuc-voca-course-w, 320px))}.lhphuc-voca-dashboard-shell.has-course.course-open.is-collapsed .hc-course-runtime .hc-lesson__footer{left:calc(var(--lhphuc-voca-sidebar-w-collapsed, 68px) + var(--lhphuc-voca-course-w, 320px))}.lhphuc-voca-dashboard-shell.has-course.course-closed:not(.is-collapsed) .hc-course-runtime .hc-lesson__footer{left:var(--lhphuc-voca-sidebar-w,280px)}.lhphuc-voca-dashboard-shell.has-course.course-closed.is-collapsed .hc-course-runtime .hc-lesson__footer{left:var(--lhphuc-voca-sidebar-w-collapsed,68px)}@media (max-width:900px){.hc-course-runtime .hc-lesson__footer{left:0}.hc-course-runtime__main{padding-bottom:calc(86px + env(safe-area-inset-bottom, 0px))}.hc-course-runtime__bottombar{left:0!important;right:0;min-height:calc(56px + env(safe-area-inset-bottom, 0px));padding:0 12px env(safe-area-inset-bottom,0);background:#fff}.hc-course-runtime__bottombar .lhphuc-voca-program-bottombar{position:relative;width:min(100%,480px);margin:0 auto;padding:8px 0;gap:clamp(8px,2.8vw,12px);justify-content:center}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn{height:40px}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--outline{flex:0 0 40px;width:40px;min-width:40px;max-width:40px;padding:0;border-radius:50%;gap:0}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--outline .lhphuc-voca-pbb-btn__text{display:none}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc{flex:0 0 40px;width:40px;min-width:40px;max-width:40px;padding:0;border-radius:50%;gap:0}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__text{display:none}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--toc .lhphuc-voca-pbb-btn__state{width:40px;padding:0;gap:0}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--done{flex:1 1 auto;min-width:0;max-width:220px}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--done .lhphuc-voca-pbb-btn__state{min-width:0;padding:0 10px}.hc-course-runtime__bottombar .lhphuc-voca-pbb-btn--done .lhphuc-voca-pbb-btn__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-course-runtime__bottombar .lhphuc-voca-pbb-status{position:absolute;left:0;right:0;bottom:calc(100% + 6px);margin:0 auto;width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 24px);border:1px solid #e2e8f0;border-radius:999px;background:rgba(255,255,255,.96);padding:4px 10px;box-shadow:0 8px 18px rgba(15,23,42,.08);pointer-events:none}.lhphuc-voca-dashboard-shell.has-course .lhphuc-voca-dashboard-coursebar{display:block;position:fixed;left:0;right:auto;top:0;bottom:0;z-index:100030;width:min(var(--lhphuc-voca-course-w,320px),86vw);min-width:0;max-width:86vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background:var(--lhphuc-voca-coursebar-bg,#fff);overflow-y:auto;transform:translateX(-105%);transition:transform .18s ease;box-shadow:none}.lhphuc-voca-dashboard-shell.has-course.course-open .lhphuc-voca-dashboard-coursebar{transform:translateX(0);box-shadow:24px 0 60px rgba(15,23,42,.22)}}.hc-course-runtime .hc-lesson__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;border-radius:999px;border:1px solid var(--hc-border,#e5e7eb);background:#fff;color:var(--hc-text,#0f172a);cursor:pointer}.hc-course-runtime .hc-lesson__btn:hover{background:var(--hc-card-soft,#fafbff)}.hc-course-runtime .hc-lesson__btn--complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent}.hc-course-runtime .hc-lesson__btn--close{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff;border-color:transparent}.hc-course-runtime .hc-lesson__card--article{padding:28px 32px 32px;border:0;-o-border-image:none;border-image:none;background:transparent;box-shadow:none}.hc-lesson[data-hc-section=lesson-article]{background:transparent}.hc-course-runtime__main:has([data-hc-section=lesson-article]){background:transparent}.hc-course-runtime .hc-lesson__card--article .lesson-video{max-width:min(100%,calc((100vh - 260px) * 16 / 9));max-height:calc(100vh - 260px);margin-left:auto;margin-right:auto}@media (max-width:900px){.hc-course-runtime .hc-lesson__card--article{padding:0;min-height:0}.hc-course-runtime .hc-lesson__card--article .lesson-video{max-width:100%}}.lhphuc-voca-course-nav__collapse,.lhphuc-voca-dashboard-bottombar.is-lesson-locked .lhp-note-slot-bottombar{display:none}.hc-course-runtime .hc-article{display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.7;color:var(--hc-text,#0f172a)}.hc-course-runtime .hc-article__h1{font-size:22px;font-weight:700;margin:18px 0 6px;color:var(--hc-text,#0f172a)}.hc-course-runtime .hc-article__h2{font-size:18px;font-weight:700;margin:18px 0 4px;color:var(--hc-text,#0f172a)}.hc-course-runtime .hc-article__h3{font-size:16px;font-weight:700;margin:12px 0 2px;color:var(--hc-text,#0f172a)}.hc-course-runtime .hc-article__p{margin:0}.hc-course-runtime .hc-article__ol,.hc-course-runtime .hc-article__ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.hc-course-runtime .hc-article__ul li::marker{color:var(--hc-brand-primary,#7c3aed)}.hc-course-runtime .hc-article__ol li::marker{color:var(--hc-brand-primary,#7c3aed);font-weight:700}.hc-course-runtime .hc-article__quote{margin:4px 0;padding:10px 14px;border-left:3px solid var(--hc-brand-primary,#7c3aed);background:var(--hc-card-soft,#fafbff);border-radius:0 8px 8px 0;color:var(--hc-text-muted,#475569);font-style:italic}.hc-course-runtime .hc-article__rule{border:0;border-top:1px solid var(--hc-border-soft,#eef0f5);margin:8px 0}.hc-course-runtime .hc-article__figure{margin:4px 0;display:flex;flex-direction:column;gap:6px;align-items:stretch}.hc-course-runtime .hc-article__img{width:100%;max-height:320px;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:1px solid var(--hc-border-soft,#eef0f5)}.hc-course-runtime .hc-article__caption{font-size:12px;color:var(--hc-text-muted,#64748b);text-align:center}.hc-course-runtime .hc-article__callout{padding:12px 14px;border-radius:10px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.6}.hc-course-runtime .hc-article__callout-line{margin:0}.hc-course-runtime .hc-article__callout--tip{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);color:#166534}.hc-course-runtime .hc-article__callout--note{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.25);color:#3730a3}.hc-course-runtime .hc-article__callout--warn{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#92400e}.hc-course-runtime .hc-article__callout--danger{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#991b1b}.hc-course-runtime .hc-article__table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--hc-border-soft,#eef0f5)}.hc-course-runtime .hc-article__table{width:100%;border-collapse:collapse;font-size:14px}.hc-course-runtime .hc-article__table td,.hc-course-runtime .hc-article__table th{text-align:left;padding:9px 12px;border-bottom:1px solid var(--hc-border-soft,#eef0f5)}.hc-course-runtime .hc-article__table th{background:var(--hc-card-soft,#fafbff);font-weight:700;color:var(--hc-text,#0f172a)}.hc-course-runtime .hc-article__table tr:last-child td{border-bottom:0}.hc-course-runtime .hc-article__media{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--hc-card-soft,#fafbff);border:1px solid var(--hc-border-soft,#eef0f5);border-radius:10px}.hc-course-runtime .hc-article__media-label{font-size:13px;font-weight:600;color:var(--hc-text-muted,#475569)}.hc-course-runtime .hc-article__audio,.hc-course-runtime .hc-article__video{width:100%}.hc-course-runtime .hc-article__html :where(iframe,video){display:block;width:100%;max-width:100%;border:0;border-radius:0;background:#020617}.hc-course-runtime .hc-article__html :where(iframe,video):not([style*=absolute]),.hc-course-runtime .hc-article__html>:where(iframe,video){aspect-ratio:16/9}@media (min-width:901px){.hc-course-runtime .hc-article__html :where(iframe,video):not([style*=absolute]),.hc-course-runtime .hc-article__html>:where(iframe,video){min-height:min(72vh,760px)}}.hc-course-runtime .hc-article__file{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:var(--hc-card-soft,#fafbff);border:1px dashed var(--hc-border,#e5e7eb);border-radius:10px;color:var(--hc-brand-primary,#7c3aed);font-weight:600;font-size:14px;text-decoration:none;width:-moz-fit-content;width:fit-content}.hc-course-runtime .hc-article__file:hover{background:#fff;border-style:solid}[data-css-theme=dark] .hc-course-runtime{--hc-shell-bg:var(--lhphuc-voca-bg,#0b1120);--hc-card-bg:var(--lhphuc-voca-surface,#131c2e);--hc-card-soft:var(--lhphuc-voca-surface-soft,#1b2538);--hc-border:var(--lhphuc-voca-border,#273349);--hc-border-soft:var(--lhphuc-voca-border-soft,#1e2a3d);--hc-border-strong:var(--lhphuc-voca-border-strong,#3a4860);--hc-text:var(--lhphuc-voca-text,#e2e8f0);--hc-text-strong:var(--lhphuc-voca-text-strong,#f8fafc);--hc-text-muted:var(--lhphuc-voca-muted,#94a3b8);--hc-brand-primary:var(--lhphuc-voca-accent,#60a5fa);--hc-brand-primary-soft:var(--lhphuc-voca-accent-soft,rgba(37,99,235,.22));--hc-brand-secondary:#fb923c;--hc-accent-blue:#60a5fa;--hc-accent-blue-soft:rgba(37,99,235,.22)}[data-css-theme=dark] .hc-course-runtime__main{background:var(--lhphuc-voca-bg,#0b1120)}[data-css-theme=dark] .hc-course-runtime__bottombar{background:var(--lhphuc-voca-surface,#131c2e);border-top-color:var(--lhphuc-voca-border,#273349)}[data-css-theme=dark] .hc-course-runtime .hc-lesson{background:var(--lhphuc-voca-bg,#0b1120)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__card{background:var(--lhphuc-voca-surface,#131c2e)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__badge{background:var(--lhphuc-voca-accent-soft,rgba(37,99,235,.22));color:var(--lhphuc-voca-accent,#60a5fa)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__player{background:var(--lhphuc-voca-surface-soft,#1b2538)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__play-btn{background:var(--lhphuc-voca-surface,#131c2e);color:var(--lhphuc-voca-accent,#60a5fa)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__progress{background:var(--lhphuc-voca-border,#273349)}[data-css-theme=dark] .hc-course-runtime .hc-lesson__footer{background:var(--lhphuc-voca-surface,#131c2e)}[data-css-theme=dark] .hc-course-runtime .hc-article__callout--tip{color:#86efac}[data-css-theme=dark] .hc-course-runtime .hc-article__callout--note{color:#a5b4fc}[data-css-theme=dark] .hc-course-runtime .hc-article__callout--warn{color:#fcd34d}[data-css-theme=dark] .hc-course-runtime .hc-article__callout--danger{color:#fca5a5}[data-css-theme=dark] .hc-course-runtime .hc-article__file:hover{background:var(--lhphuc-voca-surface-soft,#1b2538)}[data-css-theme=dark] .lhphuc-voca-pbb-btn{--pbb-surface:var(--lhphuc-voca-surface,#131c2e);--pbb-text:var(--lhphuc-voca-text,#e2e8f0);--pbb-border:var(--lhphuc-voca-border,#273349)}.hc-course-runtime .hc-lesson__card--course{padding:0;max-width:760px;margin-left:auto;margin-right:auto}.hc-course-runtime .hcv4{--v4-bg:#f5f7fa;--v4-surface:#ffffff;--v4-surface-2:#f1f4f9;--v4-ink:#16202e;--v4-ink-2:#4a5567;--v4-ink-3:#7a8699;--v4-line:#e6ebf2;--v4-brand:#2563eb;--v4-brand-ink:#1d4ed8;--v4-tint:#eaf1ff;--v4-shadow:0 1px 2px rgba(16,32,54,.05),0 10px 26px -16px rgba(16,32,54,.22);display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.6;color:var(--v4-ink)}[data-css-theme=dark] .hc-course-runtime .hcv4{--v4-bg:#0d1219;--v4-surface:#151d27;--v4-surface-2:#1b2531;--v4-ink:#e8eef6;--v4-ink-2:#a9b6c7;--v4-ink-3:#7c8a9c;--v4-line:#28323f;--v4-brand:#3b82f6;--v4-brand-ink:#82a8ff;--v4-tint:#16233a;--v4-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -18px rgba(0,0,0,.7)}.hc-course-runtime .hcv4-hero{background:var(--v4-brand);color:#fff;border-radius:18px;padding:18px 18px 20px;box-shadow:var(--v4-shadow)}.hc-course-runtime .hcv4-badge{display:inline-block;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.9);background:rgba(255,255,255,.18);padding:4px 10px;border-radius:7px}.hc-course-runtime .hcv4-title{font-size:21px;font-weight:700;line-height:1.25;margin:12px 0 8px;color:#fff;text-wrap:balance}.hc-course-runtime .hcv4-intro{margin:0}.hc-course-runtime .hcv4-intro p{margin:0 0 6px;font-size:13.5px;color:rgba(255,255,255,.92)}.hc-course-runtime .hcv4-intro p:last-child{margin-bottom:0}.hc-course-runtime .hcv4-subnav{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0;margin:2px 0}.hc-course-runtime .hcv4-subnav::-webkit-scrollbar{display:none}.hc-course-runtime .hcv4-navpill{flex:0 0 auto;font:inherit;font-size:12.5px;font-weight:600;color:var(--v4-ink-2);background:var(--v4-surface-2);border:1px solid var(--v4-line);padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.hc-course-runtime .hcv4-navpill:hover{border-color:var(--v4-brand);color:var(--v4-brand-ink)}.hc-course-runtime .hcv4-sec{background:var(--v4-surface);border:1px solid var(--v4-line);border-radius:16px;box-shadow:var(--v4-shadow);padding:15px 16px;scroll-margin-top:14px}.hc-course-runtime .hcv4-sec-h{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:600;margin:0 0 12px;color:var(--v4-ink)}.hc-course-runtime .hcv4-ic{flex:0 0 auto;width:25px;height:25px;border-radius:8px;background:var(--v4-tint);color:var(--v4-brand-ink);display:grid;place-items:center}.hc-course-runtime .hcv4-ic svg{width:14px;height:14px;display:block}.hc-course-runtime .hcv4-sec-body{display:flex;flex-direction:column;gap:11px}.hc-course-runtime .hcv4-p{margin:0;color:var(--v4-ink-2);font-size:14.5px}.hc-course-runtime .hcv4-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.hc-course-runtime ul.hcv4-list li{position:relative;padding-left:24px;color:var(--v4-ink-2);font-size:14.5px}.hc-course-runtime ul.hcv4-list li:before{content:"";position:absolute;left:5px;top:8px;width:7px;height:7px;border-radius:2px;background:var(--v4-brand)}.hc-course-runtime ol.hcv4-list{counter-reset:v4s}.hc-course-runtime ol.hcv4-list li{counter-increment:v4s;position:relative;padding-left:32px;color:var(--v4-ink-2);font-size:14.5px;min-height:22px}.hc-course-runtime ol.hcv4-list li:before{content:counter(v4s);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--v4-brand);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.hc-course-runtime .hcv4-mcard{display:flex;align-items:center;gap:12px;background:var(--v4-surface-2);border:1px solid var(--v4-line);border-radius:13px;padding:11px 12px}.hc-course-runtime .hcv4-mtxt{flex:1;min-width:0;font-size:14.5px;color:var(--v4-ink);font-weight:500}.hc-course-runtime .hcv4-prompt{display:flex;gap:11px;align-items:flex-start;background:var(--v4-tint);border-radius:12px;padding:12px 13px}.hc-course-runtime .hcv4-prompt-t{flex:1;min-width:0}.hc-course-runtime .hcv4-prompt-t p{margin:0;font-size:14.5px;color:var(--v4-ink)}.hc-course-runtime .hcv4-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.hc-course-runtime .hcv4-table table{width:100%;min-width:420px;border-collapse:collapse;font-size:13.5px}.hc-course-runtime .hcv4-table th{text-align:left;font-size:11.5px;color:var(--v4-ink-3);font-weight:600;padding:0 10px 8px}.hc-course-runtime .hcv4-table td{padding:9px 10px;border-top:1px solid var(--v4-line);color:var(--v4-ink-2);vertical-align:top}.hc-course-runtime .hcv4-table td:first-child{color:var(--v4-ink);font-weight:500;width:44%}.hc-course-runtime .hcv4-details{border-top:1px solid var(--v4-line);padding-top:2px}.hc-course-runtime .hcv4-details>summary{cursor:pointer;list-style:none;padding:11px 0;font-weight:600;font-size:14px;color:var(--v4-brand-ink);display:flex;align-items:center;justify-content:space-between}.hc-course-runtime .hcv4-details>summary::-webkit-details-marker{display:none}.hc-course-runtime .hcv4-details>summary:after{content:"+";font-size:18px;color:var(--v4-ink-3)}.hc-course-runtime .hcv4-details[open]>summary:after{content:"\2013"}.hc-course-runtime .hcv4-details p,.hc-course-runtime .hcv4-details ul{margin:0 0 12px;color:var(--v4-ink-2);font-size:14px}.hc-course-runtime .hcv4-details ul{padding-left:20px}.hc-course-runtime .hcv4 a{color:var(--v4-brand-ink)}.hc-course-runtime .hcv4-play{flex:0 0 auto;border:0;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;background:var(--v4-brand);color:#fff;border-radius:999px;padding:6px 12px 6px 10px;line-height:1;vertical-align:middle;transition:transform .12s,filter .12s;box-shadow:0 1px 2px rgba(16,32,54,.12)}.hc-course-runtime .hcv4-play svg{width:15px;height:15px;display:block}.hc-course-runtime .hcv4-play:hover{filter:brightness(1.06)}.hc-course-runtime .hcv4-play:active{transform:scale(.94)}.hc-course-runtime .hcv4-play.is-icon{width:40px;height:40px;padding:0;border-radius:12px;justify-content:center}.hc-course-runtime .hcv4-play.is-icon span{display:none}.hc-course-runtime .hcv4-play.is-icon svg{width:18px;height:18px}.hc-course-runtime li .hcv4-play.is-icon{width:28px;height:28px;border-radius:9px;vertical-align:-8px}.hc-course-runtime li .hcv4-play.is-icon svg{width:15px;height:15px}.hc-course-runtime .hcv4-play.is-playing{background:#e11d48;animation:hcv4pulse 1s ease-in-out infinite}@keyframes hcv4pulse{0%,to{box-shadow:0 0 0 0 rgba(225,29,72,.5)}50%{box-shadow:0 0 0 7px rgba(225,29,72,0)}}@media (prefers-reduced-motion:reduce){.hc-course-runtime .hcv4-play{animation:none!important;transition:none!important}}