/* HVL LMS 1.3 — design contract với hvl-hatquiz-theme 2.0 */
:root{--hvl-lms-blue:var(--blue,#075ee8);--hvl-lms-blue-dark:var(--blue-dark,#064bbd);--hvl-lms-navy:var(--navy,#05275d);--hvl-lms-ink:var(--ink,#071c43);--hvl-lms-muted:var(--muted,#607089);--hvl-lms-line:var(--line,#e2e9f3);--hvl-lms-bg:var(--bg,#f5f8fc);--hvl-lms-surface:var(--surface,#fff);--hvl-lms-radius:18px;--hvl-lms-radius-lg:22px;--hvl-lms-shadow-sm:0 6px 18px rgba(12,42,88,.06);--hvl-lms-shadow:0 18px 48px rgba(12,42,88,.10)}
.hvl-lms-page,.hvl-learning-page{background:var(--hvl-lms-bg)}.hvl-lms-wrap,.hvl-lms-course,.hvl-lesson-view{max-width:1320px;padding-top:42px}.hvl-lms-heading>span,.hvl-kicker{font-size:11px;letter-spacing:.14em}.hvl-lms-heading h1{letter-spacing:-.7px}
.hvl-course-card,.hvl-dashboard-card,.hvl-progress-box,.hvl-course-description,.hvl-chapter,.hvl-course-sidebar,.hvl-quiz-question,.hvl-hatquiz-integration{border-color:var(--hvl-lms-line);box-shadow:var(--hvl-lms-shadow-sm)}
.hvl-course-card{border-radius:20px}.hvl-course-card:hover{transform:translateY(-3px);border-color:#bfd4f2;box-shadow:var(--hvl-lms-shadow)}.hvl-course-body{padding:19px}.hvl-course-body h2{color:var(--hvl-lms-navy)}
.hvl-lms-button{min-height:44px;border-radius:12px;background:var(--hvl-lms-blue);box-shadow:0 10px 24px rgba(7,94,232,.18);transition:transform .18s,box-shadow .18s,background .18s}.hvl-lms-button:hover{background:var(--hvl-lms-blue-dark);filter:none;box-shadow:0 14px 30px rgba(7,94,232,.24)}.hvl-lms-button.hvl-outline{border-color:#cbd9ec;background:#fff}.hvl-lms-button:focus-visible,.hvl-lesson-tabs button:focus-visible,.hvl-sidebar-toggle:focus-visible{outline:3px solid rgba(245,158,11,.55);outline-offset:2px}
.hvl-course-hero{border-radius:26px;background:linear-gradient(125deg,var(--hvl-lms-navy),#064da5);box-shadow:0 22px 50px rgba(5,39,93,.16)}.hvl-lms-page-grid .hvl-course-hero{padding:38px}.hvl-course-facts span{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.09)}
.hvl-progress-box,.hvl-course-description,.hvl-dashboard-card{border-radius:18px}.hvl-progress{height:8px;background:#e6edf7}.hvl-progress i{background:linear-gradient(90deg,var(--hvl-lms-blue),#3096ff)}
.hvl-chapter{border-radius:18px;overflow:hidden}.hvl-chapter>header{padding:19px 20px;background:#f7faff}.hvl-chapter li{transition:background .16s}.hvl-chapter li:hover{background:#f8fbff}.hvl-chapter li.is-active{background:#edf5ff}.hvl-lesson-no{background:#eaf3ff}
.hvl-course-sidebar{top:88px;border-radius:18px}.hvl-sidebar-head{background:linear-gradient(125deg,var(--hvl-lms-navy),#064da5)}.hvl-current-curriculum section>button{background:#f7f9fc}.hvl-current-curriculum section a.is-active{background:#edf5ff;border-left:3px solid var(--hvl-lms-blue);padding-left:11px}
.hvl-lesson-top h1{letter-spacing:-.5px}.hvl-lesson-tabs{top:82px;border-radius:14px;box-shadow:0 8px 24px rgba(12,42,88,.07)}.hvl-lesson-tabs button{border-radius:10px}.hvl-lesson-tabs button.is-active{background:var(--hvl-lms-blue);box-shadow:0 6px 16px rgba(7,94,232,.18)}.hvl-lesson-content{color:#17243a}.hvl-lesson-content h2,.hvl-lesson-content h3{color:var(--hvl-lms-navy)}
.hvl-lesson-tools button,.hvl-media-heading button{min-height:36px;border-color:var(--hvl-lms-line);border-radius:10px}.hvl-lesson-toc{border-color:#d4e2f3;border-radius:14px;background:#f7fbff}.hvl-video-frame,.hvl-pdf-frame{border-radius:18px}.hvl-quiz-callout{border-color:#cfe0f7;border-radius:18px;background:#f1f7ff}
.hvl-hatquiz-integration{border-radius:18px;background:#f8fbff}.hvl-hatquiz-integration>header>strong{border-color:#dfe8f4}.hvl-attempt-history table{overflow:hidden;border:1px solid var(--hvl-lms-line);border-radius:12px}.hvl-review-options>div,.hvl-review-explanation{border-radius:10px}
.hvl-empty,.hvl-login-card,.hvl-tab-empty{border-color:#c6d5e8;border-radius:18px;background:#f9fbfe}.hvl-toast{right:18px;bottom:18px;border-radius:12px;background:var(--hvl-lms-navy);box-shadow:var(--hvl-lms-shadow)}
@media(max-width:820px){.hvl-course-sidebar{border-radius:14px}.hvl-course-sidebar .hvl-course-list{border-radius:24px 24px 0 0}.hvl-sidebar-head{border-radius:24px 24px 0 0}.hvl-lms-page-grid .hvl-course-hero{padding:30px 24px}.hvl-lesson-actions{background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}}
@media(max-width:620px){.hvl-lms-wrap,.hvl-lms-course,.hvl-lesson-view{padding:26px 14px 90px}.hvl-course-hero,.hvl-lms-page-grid .hvl-course-hero{padding:26px 20px;border-radius:20px}.hvl-course-card{border-radius:18px}.hvl-chapter{border-radius:15px}.hvl-lesson-tabs{top:64px}.hvl-hatquiz-integration{border-radius:15px}.hvl-toast{left:14px;right:14px;bottom:82px;max-width:none}}