:root{--hvl-lms-blue:var(--blue,#075ee8);--hvl-lms-navy:var(--navy,#05275d);--hvl-lms-ink:var(--ink,#071c43);--hvl-lms-muted:var(--muted,#5e6b82);--hvl-lms-line:var(--line,#e5ebf4);--hvl-lms-bg:var(--bg,#f6f9fd);--hvl-lms-radius:16px;--hvl-lms-shadow:0 10px 30px rgba(16,48,95,.09)}
.hvl-lms-page .article-shell{max-width:1280px}.hvl-lms-page .article-header{display:none}.hvl-lms-page .article-content{font-size:16px}
.hvl-lms-wrap,.hvl-lms-course,.hvl-lesson-view{max-width:1220px;margin:0 auto;padding:36px 22px 70px;color:var(--hvl-lms-ink)}
.hvl-lms-heading{margin-bottom:26px}.hvl-lms-heading>span,.hvl-kicker{color:var(--hvl-lms-blue);font-size:12px;font-weight:900;letter-spacing:.13em}.hvl-lms-heading h1{margin:4px 0 5px!important;font-size:clamp(32px,5vw,46px)!important;color:var(--hvl-lms-navy)}.hvl-lms-heading p{margin:0;color:var(--hvl-lms-muted)}
.hvl-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hvl-course-card{border:1px solid var(--hvl-lms-line);border-radius:var(--hvl-lms-radius);overflow:hidden;background:#fff;box-shadow:var(--hvl-lms-shadow);transition:transform .2s,box-shadow .2s}.hvl-course-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(16,48,95,.13)}.hvl-course-thumb{display:block;position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#eaf3ff,#dcecff);overflow:hidden}.hvl-course-thumb img{width:100%;height:100%;object-fit:cover;border-radius:0}.hvl-course-thumb>span{position:absolute;top:14px;left:14px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--hvl-lms-blue);font-size:11px;font-weight:900}.hvl-course-body{padding:20px}.hvl-course-level{margin:0!important;color:var(--hvl-lms-blue)!important;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hvl-course-body h2{font-size:20px!important;line-height:1.3;margin:7px 0!important}.hvl-course-body>p:not(.hvl-course-level){font-size:14px;color:var(--hvl-lms-muted);min-height:45px}.hvl-course-meta{display:flex;gap:13px;padding:12px 0 17px;border-top:1px solid var(--hvl-lms-line);font-size:12px;color:var(--hvl-lms-muted)}
.hvl-lms-button{appearance:none;border:0;border-radius:10px;background:var(--hvl-lms-blue);color:#fff!important;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 7px 18px rgba(7,94,232,.2);transition:.2s}.hvl-lms-button:hover{filter:brightness(.94);transform:translateY(-1px)}.hvl-lms-button:disabled{cursor:default;transform:none;opacity:.75}.hvl-lms-button.hvl-outline{background:#fff;color:var(--hvl-lms-blue)!important;border:1px solid #cfdcf0;box-shadow:none}.hvl-lms-button.is-loading{opacity:.65;pointer-events:none}.hvl-lms-button.is-complete{background:#138a5b}.hvl-status{display:inline-flex;padding:9px 14px;border-radius:9px;background:#e8f7f0;color:#13734e;font-weight:800}
.hvl-course-hero{background:linear-gradient(120deg,#06285d,#0756b8);color:#fff;border-radius:22px;padding:42px;display:grid;grid-template-columns:1.35fr .65fr;gap:35px;align-items:center;overflow:hidden}.hvl-course-hero h1{color:#fff!important;font-size:clamp(34px,5vw,52px)!important;line-height:1.07!important;margin:10px 0 14px!important}.hvl-course-hero p{color:rgba(255,255,255,.82);max-width:700px}.hvl-course-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px}.hvl-course-hero .hvl-kicker{color:#9ccaff}.hvl-course-facts{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.hvl-course-facts span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:999px;padding:6px 11px;font-size:12px}.hvl-progress-box{margin:20px 0;border:1px solid var(--hvl-lms-line);padding:17px 20px;border-radius:14px;background:#fff}.hvl-progress-box>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px}.hvl-progress{height:9px;border-radius:99px;background:#e8eef7;overflow:hidden}.hvl-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--hvl-lms-blue),#2b9cff)}.hvl-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:34px;margin-top:30px}.hvl-course-layout h2{font-size:23px!important;margin-top:0!important}.hvl-course-description{line-height:1.75}.hvl-curriculum{border:1px solid var(--hvl-lms-line);border-radius:18px;padding:22px;background:#fff;box-shadow:var(--hvl-lms-shadow);align-self:start}.hvl-curriculum>p{color:var(--hvl-lms-muted);font-size:13px}.hvl-curriculum ol{list-style:none;margin:0;padding:0}.hvl-curriculum li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 3px;border-top:1px solid var(--hvl-lms-line)}.hvl-curriculum li>div{min-width:0}.hvl-curriculum strong{display:block;font-size:14px;line-height:1.35}.hvl-curriculum small{display:block;color:var(--hvl-lms-muted);margin-top:4px}.hvl-lesson-no{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:var(--hvl-lms-blue);font-size:12px;font-weight:900}.hvl-curriculum .is-done .hvl-lesson-no{background:#e5f7ef;color:#14825a}
.hvl-back{color:var(--hvl-lms-blue);font-size:14px;font-weight:800}.hvl-lesson-top{margin:16px 0 26px;padding-bottom:15px;border-bottom:1px solid var(--hvl-lms-line);display:flex;justify-content:space-between;color:var(--hvl-lms-blue);font-size:12px;font-weight:900;letter-spacing:.1em}.hvl-lesson-top small{color:var(--hvl-lms-muted);font-weight:700;letter-spacing:0}.hvl-lesson-content{font-size:17px;line-height:1.78}.hvl-lesson-content h2{color:var(--hvl-lms-navy)}.hvl-quiz-callout{margin:35px 0;padding:22px 25px;border-radius:16px;background:#edf5ff;border:1px solid #cfe2ff;display:flex;align-items:center;justify-content:space-between;gap:20px}.hvl-quiz-callout strong{color:var(--hvl-lms-navy);font-size:18px}.hvl-quiz-callout p{margin:3px 0;color:var(--hvl-lms-muted);font-size:14px}.hvl-lesson-actions{margin-top:35px;padding-top:22px;border-top:1px solid var(--hvl-lms-line);display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.hvl-lesson-actions>div:last-child{text-align:right}
.hvl-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hvl-dashboard-card{display:grid;grid-template-columns:1fr auto;gap:13px;border:1px solid var(--hvl-lms-line);border-radius:16px;background:#fff;padding:22px;box-shadow:var(--hvl-lms-shadow)}.hvl-dashboard-card span{font-size:10px;letter-spacing:.1em;color:var(--hvl-lms-blue);font-weight:900}.hvl-dashboard-card h2{font-size:19px!important;margin:5px 0!important}.hvl-dashboard-card>strong{font-size:25px;color:var(--hvl-lms-blue)}.hvl-dashboard-card .hvl-progress,.hvl-dashboard-card>a{grid-column:1/-1}.hvl-dashboard-card>a{color:var(--hvl-lms-blue);font-size:13px;font-weight:900}.hvl-empty,.hvl-login-card{grid-column:1/-1;text-align:center;border:1px dashed #cbd8e9;border-radius:18px;padding:45px 20px;background:#f9fbfe}.hvl-toast{position:fixed;right:22px;bottom:22px;z-index:9999;max-width:360px;background:var(--hvl-lms-navy);color:#fff;padding:13px 17px;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:14px}.hvl-toast.is-error{background:#a4262c}
@media(max-width:900px){.hvl-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hvl-course-layout{grid-template-columns:1fr}.hvl-course-hero{grid-template-columns:1fr;padding:30px}.hvl-course-hero img{display:none}}
@media(max-width:620px){.hvl-lms-wrap,.hvl-lms-course,.hvl-lesson-view{padding:24px 14px 86px}.hvl-course-grid,.hvl-dashboard-grid{grid-template-columns:1fr}.hvl-course-hero{padding:25px 20px;border-radius:16px}.hvl-course-hero h1{font-size:31px!important}.hvl-course-facts{gap:6px}.hvl-course-layout{margin-top:18px}.hvl-curriculum{padding:16px}.hvl-quiz-callout{display:block}.hvl-quiz-callout .hvl-lms-button{margin-top:12px;width:100%}.hvl-lesson-actions{grid-template-columns:1fr}.hvl-lesson-actions>*{width:100%;text-align:stretch!important}.hvl-lesson-actions .hvl-lms-button{width:100%}}

/* ===== v1.1: Chương, ba phần bài học và sidebar khóa học ===== */
.hvl-lms-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}.hvl-lms-main{min-width:0}.hvl-lms-page-grid .hvl-course-hero{grid-template-columns:1fr;padding:34px}.hvl-lms-page-grid .hvl-course-hero img{display:none}.hvl-course-description{margin:25px 0;padding:24px;border:1px solid var(--hvl-lms-line);border-radius:16px;background:#fff}.hvl-course-description h2{margin-top:0!important}.hvl-lms-page-grid .hvl-curriculum{padding:0;border:0;box-shadow:none;background:transparent}.hvl-curriculum-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.hvl-curriculum-head h2{margin:0!important}.hvl-curriculum-head p{margin:3px 0 0;color:var(--hvl-lms-muted);font-size:13px}
.hvl-chapter{margin:0 0 15px;border:1px solid var(--hvl-lms-line);border-radius:15px;background:#fff;overflow:hidden}.hvl-chapter>header{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;background:#f7faff;border-bottom:1px solid var(--hvl-lms-line)}.hvl-chapter>header span{color:var(--hvl-lms-blue);font-size:10px;font-weight:900;letter-spacing:.1em}.hvl-chapter>header h3{margin:3px 0 0!important;font-size:18px!important;color:var(--hvl-lms-navy)}.hvl-chapter>header p{margin:3px 0 0;color:var(--hvl-lms-muted);font-size:13px}.hvl-chapter>header small{white-space:nowrap;color:var(--hvl-lms-muted)}.hvl-chapter ol{list-style:none;margin:0;padding:0 17px}.hvl-chapter li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 3px;border-bottom:1px solid var(--hvl-lms-line)}.hvl-chapter li:last-child{border-bottom:0}.hvl-chapter li.is-active{background:#f0f6ff;margin:0 -17px;padding-left:20px;padding-right:20px}.hvl-chapter li>div{min-width:0}.hvl-chapter li strong{display:block;font-size:14px}.hvl-chapter li small{display:block;margin-top:3px;color:var(--hvl-lms-muted);font-size:11px}
.hvl-course-sidebar{position:sticky;top:92px;border:1px solid var(--hvl-lms-line);border-radius:16px;background:#fff;box-shadow:var(--hvl-lms-shadow);overflow:hidden}.hvl-sidebar-toggle{display:none}.hvl-course-list h2{margin:0!important;padding:18px 19px;font-size:17px!important;color:#fff;background:var(--hvl-lms-navy)}.hvl-course-list nav{max-height:62vh;overflow:auto}.hvl-course-list nav a{display:block;padding:14px 17px;border-bottom:1px solid var(--hvl-lms-line);transition:.15s}.hvl-course-list nav a:hover{background:#f6f9fd}.hvl-course-list nav a.is-active{background:#eaf3ff;border-left:4px solid var(--hvl-lms-blue);padding-left:13px}.hvl-course-list nav span{display:block;font-size:13px;font-weight:850;line-height:1.35}.hvl-course-list nav small{display:block;margin-top:4px;color:var(--hvl-lms-muted);font-size:11px}.hvl-all-courses{display:block;padding:14px 17px;color:var(--hvl-lms-blue);font-size:12px;font-weight:900}
.hvl-lesson-top{align-items:flex-start;margin-bottom:16px}.hvl-lesson-top h1{margin:4px 0 0!important;font-size:clamp(27px,4vw,39px)!important;line-height:1.15!important;color:var(--hvl-lms-navy)}.hvl-lesson-tabs{position:sticky;top:72px;z-index:8;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;border:1px solid var(--hvl-lms-line);border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(16,48,95,.07)}.hvl-lesson-tabs button{border:0;border-radius:9px;padding:12px 8px;background:transparent;color:var(--hvl-lms-muted);font:inherit;font-weight:850;cursor:pointer}.hvl-lesson-tabs button.is-active{background:var(--hvl-lms-blue);color:#fff}.hvl-lesson-panel{display:none;padding:24px 2px}.hvl-lesson-panel.is-active{display:block}.hvl-tab-empty{padding:40px 18px;text-align:center;border:1px dashed #cbd8e9;border-radius:14px;background:#fafcff;color:var(--hvl-lms-muted)}
.hvl-learning-media{margin:34px 0}.hvl-learning-media h2{font-size:21px!important}.hvl-media-heading{display:flex;align-items:center;justify-content:space-between}.hvl-media-heading a{color:var(--hvl-lms-blue);font-size:12px;font-weight:850}.hvl-video-frame{position:relative;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#071c43;display:grid;place-items:center}.hvl-video-frame iframe,.hvl-video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}.hvl-pdf-frame{display:block;width:100%;height:min(76vh,850px);border:1px solid var(--hvl-lms-line);border-radius:14px;background:#f3f5f8}
.hvl-hatquiz-embed{min-height:300px}.hvl-internal-quiz>header{padding:18px 20px;border-radius:14px;background:#edf5ff}.hvl-internal-quiz>header h2{margin:0!important}.hvl-internal-quiz>header p{margin:4px 0 0;color:var(--hvl-lms-muted)}.hvl-quiz-question{margin:18px 0;padding:20px;border:1px solid var(--hvl-lms-line);border-radius:14px;background:#fff}.hvl-quiz-question legend{display:block;width:100%;font-weight:750}.hvl-quiz-question legend>span{display:block;margin-bottom:6px;color:var(--hvl-lms-blue);font-size:11px;font-weight:900;letter-spacing:.08em}.hvl-quiz-question legend p{margin:0}.hvl-quiz-question>label{display:grid;grid-template-columns:18px 25px minmax(0,1fr);gap:8px;align-items:start;margin-top:9px;padding:11px 12px;border:1px solid var(--hvl-lms-line);border-radius:9px;cursor:pointer}.hvl-quiz-question>label:hover{border-color:#9dc3f7;background:#f8fbff}.hvl-quiz-question>label strong{color:var(--hvl-lms-blue)}.hvl-quiz-question.is-correct{border-color:#72c9a3;background:#f5fcf8}.hvl-quiz-question.is-wrong{border-color:#e6a3a6;background:#fff8f8}.hvl-quiz-question>label.is-answer{border-color:#49ae83;background:#eaf8f1}.hvl-answer-explanation{margin-top:13px;padding:12px 14px;border-radius:9px;background:#eef3f8;font-size:14px}.hvl-answer-explanation p{margin:0}.hvl-quiz-submit{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.hvl-quiz-submit>strong{color:var(--hvl-lms-navy);font-size:17px}
@media(max-width:980px){.hvl-lms-page-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}}
@media(max-width:820px){.hvl-lms-page-grid{display:flex;flex-direction:column}.hvl-lms-main,.hvl-course-sidebar{width:100%}.hvl-course-sidebar{position:static;order:-1;box-shadow:none}.hvl-sidebar-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;padding:14px 16px;background:#fff;color:var(--hvl-lms-navy);font:inherit;font-weight:900}.hvl-sidebar-toggle span{font-size:20px;transition:.2s}.hvl-course-sidebar .hvl-course-list{display:none}.hvl-course-sidebar.is-open .hvl-course-list{display:block}.hvl-course-sidebar.is-open .hvl-sidebar-toggle span{transform:rotate(180deg)}.hvl-course-list h2{display:none}.hvl-course-list nav{max-height:48vh}.hvl-lesson-tabs{top:62px}.hvl-lms-page-grid .hvl-course-hero{padding:27px 22px}}
@media(max-width:620px){.hvl-lms-page-grid .hvl-course-hero h1{font-size:29px!important}.hvl-course-description{padding:18px}.hvl-chapter>header{padding:15px}.hvl-chapter ol{padding:0 12px}.hvl-chapter li{grid-template-columns:31px minmax(0,1fr) auto}.hvl-lesson-tabs button{padding:10px 4px;font-size:12px}.hvl-lesson-panel{padding:18px 0}.hvl-pdf-frame{height:68vh}.hvl-quiz-question{padding:15px}.hvl-quiz-question>label{grid-template-columns:16px 22px minmax(0,1fr);padding:10px 8px}.hvl-media-heading{align-items:flex-start;gap:10px}}

/* ===== v1.2: Trải nghiệm học P1 + HatQuiz sâu ===== */
.hvl-reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:transparent}.hvl-reading-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--hvl-lms-blue),#18a66d);transition:width .1s}.admin-bar .hvl-reading-progress{top:32px}.hvl-lesson-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px;color:var(--hvl-lms-muted);font-size:12px}.hvl-lesson-breadcrumb a{color:var(--hvl-lms-blue);font-weight:800}.hvl-lesson-breadcrumb strong{color:var(--hvl-lms-ink);font-weight:700}.hvl-lesson-tools{display:flex;justify-content:flex-end;gap:8px;margin:-5px 0 10px}.hvl-lesson-tools button,.hvl-media-heading button{border:1px solid var(--hvl-lms-line);border-radius:9px;background:#fff;padding:7px 10px;color:var(--hvl-lms-muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.hvl-lesson-tools button:hover,.hvl-lesson-tools button.is-bookmarked{border-color:#f0bd52;background:#fff9e8;color:#9a6400}.hvl-lesson-content{max-width:820px;margin-left:auto;margin-right:auto}.hvl-lesson-toc{margin:14px 0 0;padding:15px 17px;border:1px solid #cfdef1;border-radius:12px;background:#f7fbff}.hvl-lesson-toc>strong{display:block;margin-bottom:7px;color:var(--hvl-lms-navy)}.hvl-lesson-toc nav{display:grid;gap:5px}.hvl-lesson-toc a{color:var(--hvl-lms-blue);font-size:13px}.hvl-lesson-toc a.is-sub{padding-left:18px;color:var(--hvl-lms-muted)}.hvl-lesson-tabs button:focus-visible,.hvl-sidebar-toggle:focus-visible,.hvl-lms-button:focus-visible{outline:3px solid #ffca65;outline-offset:2px}
.hvl-sidebar-head{padding:16px 17px;background:var(--hvl-lms-navy);color:#fff}.hvl-sidebar-head>div{display:flex;justify-content:space-between;align-items:center}.hvl-sidebar-head small{font-size:10px;letter-spacing:.08em}.hvl-sidebar-head strong{font-size:20px}.hvl-sidebar-head>button{display:none}.hvl-sidebar-head .hvl-progress{margin-top:9px;background:rgba(255,255,255,.2)}.hvl-sidebar-head .hvl-progress i{background:linear-gradient(90deg,#73a9ff,#43d6a4)}.hvl-current-curriculum{max-height:57vh;overflow:auto}.hvl-current-curriculum section{border-bottom:1px solid var(--hvl-lms-line)}.hvl-current-curriculum section>button{width:100%;display:flex;justify-content:space-between;gap:8px;border:0;padding:12px 14px;background:#f7f9fc;color:var(--hvl-lms-navy);text-align:left;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.hvl-current-curriculum section>button small{color:var(--hvl-lms-muted);font-weight:600;white-space:nowrap}.hvl-current-curriculum section>div{display:none}.hvl-current-curriculum section.is-open>div{display:block}.hvl-current-curriculum section a{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;padding:10px 14px;color:var(--hvl-lms-muted);font-size:12px;border-top:1px solid #f0f3f7}.hvl-current-curriculum section a i{font-style:normal;color:#9aa8ba}.hvl-current-curriculum section a.is-active{background:#eaf3ff;color:var(--hvl-lms-blue);font-weight:850}.hvl-other-courses{border-top:1px solid var(--hvl-lms-line)}.hvl-other-courses summary{padding:13px 16px;color:var(--hvl-lms-navy);font-size:12px;font-weight:900;cursor:pointer}.hvl-other-courses nav{max-height:250px;overflow:auto}.hvl-sidebar-backdrop{display:none}
.hvl-media-heading>span{display:flex;align-items:center;gap:9px}.hvl-media-heading button{color:var(--hvl-lms-blue)}.hvl-pdf-frame:fullscreen{border:0;border-radius:0;background:#fff}.hvl-hatquiz-integration{padding:22px;border:1px solid #cdddf5;border-radius:16px;background:#f8fbff}.hvl-hatquiz-integration>header{display:flex;justify-content:space-between;gap:18px;margin-bottom:17px}.hvl-hatquiz-integration>header span{color:var(--hvl-lms-blue);font-size:10px;font-weight:900;letter-spacing:.1em}.hvl-hatquiz-integration>header h2{margin:4px 0!important;font-size:22px!important}.hvl-hatquiz-integration>header p{margin:0;color:var(--hvl-lms-muted);font-size:13px}.hvl-hatquiz-integration>header>strong{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#fff;border:5px solid #e2e8f0;color:#b45309;font-size:20px}.hvl-hatquiz-integration>header>strong.is-passed{border-color:#83d7b2;color:#12805b}.hvl-attempt-history{margin-top:22px}.hvl-attempt-history h3{font-size:16px}.hvl-attempt-history table{width:100%;border-collapse:collapse;background:#fff}.hvl-attempt-history th,.hvl-attempt-history td{padding:10px;border-bottom:1px solid var(--hvl-lms-line);font-size:12px;text-align:left}.hvl-pass,.hvl-fail{display:inline-block;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:900}.hvl-pass{background:#e6f7ef;color:#137552}.hvl-fail{background:#fff0f0;color:#a52b31}
.hvl-hatquiz-review{margin-top:24px;padding-top:20px;border-top:1px solid var(--hvl-lms-line)}.hvl-hatquiz-review>h3{margin:0 0 14px;color:var(--hvl-lms-navy)}.hvl-hatquiz-review article{margin:12px 0;padding:16px;border:1px solid var(--hvl-lms-line);border-left:4px solid #cc503a;border-radius:12px;background:#fff}.hvl-hatquiz-review article.is-correct{border-left-color:#18a66d}.hvl-hatquiz-review article>header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.hvl-hatquiz-review article.is-correct>header span{color:#087a50}.hvl-hatquiz-review article.is-wrong>header span{color:#b44b30}.hvl-review-question{font-weight:700}.hvl-review-options{display:grid;gap:7px;margin:12px 0}.hvl-review-options>div{padding:9px 11px;border-radius:8px;background:#f6f8fb}.hvl-review-options b{margin-right:8px}.hvl-review-options small{display:block;margin:4px 0 0 24px;color:var(--hvl-lms-muted)}.hvl-review-options .is-answer{background:#e9f8f1;color:#087a50;box-shadow:inset 0 0 0 1px #a9dfc9}.hvl-review-options .is-chosen{background:#fff0ed;color:#a83f2b;box-shadow:inset 0 0 0 1px #efb8ad}.hvl-review-explanation{margin-top:12px;padding:12px;border-radius:9px;background:#f6f0ff}.hvl-review-explanation>strong{display:block;color:#6840a1}.hvl-review-explanation p:last-child{margin-bottom:0}
@media(max-width:820px){body.hvl-sidebar-open{overflow:hidden}.hvl-course-sidebar{order:-1;position:static;overflow:visible}.hvl-sidebar-backdrop{position:fixed;inset:0;z-index:89;background:rgba(3,18,43,.62);backdrop-filter:blur(2px)}.hvl-course-sidebar.is-open .hvl-sidebar-backdrop{display:block}.hvl-course-sidebar .hvl-course-list{display:block!important;position:fixed;left:0;right:0;bottom:0;z-index:90;max-height:82vh;overflow:auto;border-radius:22px 22px 0 0;background:#fff;transform:translateY(105%);transition:transform .25s}.hvl-course-sidebar.is-open .hvl-course-list{transform:translateY(0)}.hvl-sidebar-head{position:sticky;top:0;z-index:2;border-radius:22px 22px 0 0}.hvl-sidebar-head>button{display:block;border:0;background:transparent;color:#fff;font-size:27px;cursor:pointer}.hvl-current-curriculum{max-height:none}.hvl-lesson-actions{position:sticky;bottom:68px;z-index:7;margin-left:-14px;margin-right:-14px;padding:9px 14px;background:rgba(255,255,255,.96);box-shadow:0 -6px 20px rgba(16,48,95,.08)}.hvl-lesson-actions .hvl-lms-button{font-size:12px;padding:10px 8px}.hvl-lesson-tools{justify-content:space-between}.hvl-lesson-tools button{flex:1}.hvl-hatquiz-integration{padding:16px}.hvl-hatquiz-integration>header{align-items:flex-start}.hvl-attempt-history{overflow:auto}.admin-bar .hvl-reading-progress{top:46px}}
@media(max-width:620px){.hvl-lesson-actions{grid-template-columns:1fr 1.15fr 1fr}.hvl-lesson-actions>*{width:auto}.hvl-lesson-actions .hvl-lms-button{width:100%;height:100%}.hvl-lesson-actions .hvl-lms-button{font-size:10px}.hvl-hatquiz-integration>header>strong{width:56px;height:56px;font-size:16px;flex:0 0 auto}.hvl-media-heading>span{flex-wrap:wrap;justify-content:flex-end}.hvl-lesson-breadcrumb strong{display:none}}