/* HVSC Edu — lớp giao diện 2026 (Sáng/Tối, tương phản AA). Nạp SAU style.css. Xoá file + dòng enqueue = hoàn tác.
   Sáng: nền trắng lạnh (không kem). Tối: nền navy sâu, không mảng đỏ/sáng lớn. */
:root{--bg:#f5f7fb;--surf:#fff;--surf2:#eef2f8;--ink:#16203f;--ink2:#2a3557;--mute:#55607a;--line:#e2e8f0;--line2:#d5dce8;
 --red:#E31E24;--red2:#c4161c;--red-ink:#c4161c;--acc:#c4161c;--gold:#e8b44a;--org:#ff6d00;
 --hd:rgba(255,255,255,.86);--chip:#fff;--hover:rgba(22,32,63,.06);
 --sh:0 1px 2px rgba(22,32,63,.06),0 10px 28px rgba(22,32,63,.08);--sh2:0 20px 50px rgba(22,32,63,.18);color-scheme:light}
html[data-theme=dark]{--bg:#0b1120;--surf:#121a2e;--surf2:#18223a;--ink:#e8edf7;--ink2:#c9d2e6;--mute:#a3afc8;--line:#25304a;--line2:#2f3b58;
 --red-ink:#ff7a7f;--acc:#ff8a5c;--hd:rgba(11,17,32,.86);--chip:#18223a;--hover:rgba(255,255,255,.07);
 --sh:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.35);--sh2:0 20px 50px rgba(0,0,0,.55);color-scheme:dark}
@media (prefers-color-scheme:dark){html:not([data-theme=light]){--bg:#0b1120;--surf:#121a2e;--surf2:#18223a;--ink:#e8edf7;--ink2:#c9d2e6;--mute:#a3afc8;--line:#25304a;--line2:#2f3b58;
 --red-ink:#ff7a7f;--acc:#ff8a5c;--hd:rgba(11,17,32,.86);--chip:#18223a;--hover:rgba(255,255,255,.07);
 --sh:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.35);--sh2:0 20px 50px rgba(0,0,0,.55);color-scheme:dark}}

body,body.single-courses,body.elementor-default{background:var(--bg)!important;color:var(--ink)}
body{overflow-x:clip}
a{color:var(--red-ink)}
::selection{background:rgba(227,30,36,.18)}
:focus-visible{outline:3px solid var(--org)!important;outline-offset:2px}

/* tiêu đề + chữ nhấn: vàng chỉ dùng trên nền tối, nền sáng dùng đỏ đậm */
.hv-h2 .elementor-heading-title,.hv-h2 h2{color:var(--ink)!important}
.hv-h2 em{color:var(--red-ink)!important}
.hv-dark .hv-h2 em,.hv-hero .hv-h1 em,.hv-h1 em{color:var(--gold)!important}
.hv-sub,.hv-sub p{color:var(--mute)!important}
.hv-eb{color:var(--red-ink)}

/* header */
.hv-hd.e-con,.hv-hd{background-color:var(--hd)!important;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
.hv-hd .elementor-widget-image img{content:url(logo.png)}
html[data-theme=dark] .hv-hd .elementor-widget-image img{content:url(logo-toi.png)}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .hv-hd .elementor-widget-image img{content:url(logo-toi.png)}}
.hv-nl{color:var(--ink)}.hv-nl:hover,.hv-dd.open>.hv-nl{background:var(--hover)}
@media(hover:hover){.hv-dd:hover>.hv-nl{background:var(--hover)}}
.hv-panel,.hv-sbar{background:var(--surf);border:1px solid var(--line)}
.hv-panel a{color:var(--ink)}.hv-panel a:hover,#hv-sres a:hover{background:var(--hover)}
.hv-panel a small,#hv-sres p{color:var(--mute)}.hv-panel a.all{border-top-color:var(--line);color:var(--red-ink)}
#hv-sres a{color:var(--ink)}
.hv-sbar input,.hv-search{background:var(--surf);color:var(--ink);border-color:var(--line2)}
.hv-sbar input::placeholder,.hv-search::placeholder{color:var(--mute)}
.hv-burger{background:var(--surf);border-color:var(--line2)}.hv-burger span{background:var(--ink)}
.hv-theme svg{width:20px;height:20px}.hv-theme .mo{display:none}
html[data-theme=dark] .hv-theme .su{display:none}html[data-theme=dark] .hv-theme .mo{display:inline}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .hv-theme .su{display:none}html:not([data-theme=light]) .hv-theme .mo{display:inline}}
@media(max-width:900px){
 .hv-links{background:var(--bg);transform:none!important;opacity:0;visibility:hidden;pointer-events:none;translate:0 -8px;transition:opacity .2s,translate .2s,visibility 0s .2s}
 .hv-links.open{opacity:1;visibility:visible;pointer-events:auto;translate:0 0;transition:opacity .2s,translate .2s}
 .hv-links .hv-nl{background:var(--surf);border:1px solid var(--line)}
}
/* trang học Tutor: header site không dính để khỏi che thanh bài học */
body.single-lesson .hv-hd,body.single-tutor_quiz .hv-hd,body.single-tutor_assignments .hv-hd,body.single-lesson header#masthead,body.single-tutor_quiz header#masthead{position:relative!important}

/* marquee */
.hv-marq{background:var(--surf);border-color:var(--line);overflow:hidden;max-width:100vw}
.hv-track span{color:var(--ink2)}

/* thẻ, ô */
.hv-course{background:var(--surf);color:var(--ink);border:1px solid var(--line)}
.hv-course h3{color:var(--ink)}.hv-course p,.hv-meta{color:var(--mute)}.hv-meta{border-top-color:var(--line)}
.hv-course[data-s=glass]{background:linear-gradient(160deg,color-mix(in srgb,var(--a) 14%,var(--surf)),var(--surf) 60%);border-color:color-mix(in srgb,var(--a) 30%,var(--surf))}
.hv-course[data-s=glass] h3{color:color-mix(in srgb,var(--a) 70%,var(--ink))}
.hv-course[data-s=paper]{background:color-mix(in srgb,var(--a) 6%,var(--surf))}
.hv-course[data-s=round] .hv-bd{background:linear-gradient(180deg,var(--surf),color-mix(in srgb,var(--a) 10%,var(--surf)))}
.hv-course[data-s=line] h3{color:color-mix(in srgb,var(--a) 75%,var(--ink))}.hv-course[data-s=line]:hover{background:var(--surf)}
.hv-course[data-s=line] .hv-th b{background:var(--surf)}
.hv-course[data-s=bold]{border-color:var(--ink)}
.hv-chipb{background:var(--chip);color:var(--ink);border-color:var(--line2)}.hv-chipb:hover{border-color:var(--ink)}
.hv-chipb.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.hv-tile.elementor-widget-icon-box .elementor-icon-box-wrapper,.hv-stepcard,.hv-faq .elementor-accordion-item{background:var(--surf)!important;border:1px solid var(--line)}
.hv-tile .elementor-icon-box-title,.hv-tile .elementor-icon-box-title a,.hv-st .elementor-heading-title,.hv-faq .elementor-tab-title,.hv-faq .elementor-tab-title a,.hv-checks .elementor-icon-list-text{color:var(--ink)!important}
.hv-tile .elementor-icon-box-description,.hv-sd,.hv-sd p,.hv-faq .elementor-tab-content,.hv-faq .elementor-tab-content p{color:var(--mute)!important}
.hv-faq .elementor-accordion-icon,.hv-faq .elementor-accordion-icon svg{color:var(--red-ink);fill:var(--red-ink)}
.hv-vcard{color:var(--ink)}.hv-vcard small{color:var(--mute)}
.hv-dark .hv-vcard{color:#fff}.hv-dark .hv-vcard small{color:#c2cce3}
.hv-in{background:var(--surf);color:var(--ink)}.hv-inf small{color:var(--mute)}.hv-x{background:var(--surf);color:var(--ink)}
.hv-roundimg img{height:440px}
/* nền tối trong chế độ tối: tách lớp bằng viền nhẹ */
html[data-theme=dark] .hv-dark{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.06)}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .hv-dark{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.06)}}
.hv-dark .hv-sub,.hv-dark .hv-sub p{color:#c2cce3!important}
.hv-lead,.hv-lead p,.hv-hero .hv-lead,.hv-hero .hv-lead p{color:#d0d9ee!important}
.hv-stats span{color:#b9c5e2}

/* hiện khi cuộn: chỉ ẩn khi JS đã sẵn sàng; luôn có lối thoát */
.reveal-on{opacity:1;transform:none}
html.hv-rv .reveal-on:not(.in){opacity:0;transform:translateY(22px)}
@media(prefers-reduced-motion:reduce){html.hv-rv .reveal-on:not(.in){opacity:1;transform:none}}

/* ===== Học AI (lộ trình) ===== */
.hv-ai{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:ai}
.hv-ai a{display:flex;gap:14px;align-items:flex-start;background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:16px;color:var(--ink);text-decoration:none!important;box-shadow:var(--sh);transition:transform .25s,box-shadow .25s,border-color .25s;position:relative}
.hv-ai a:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:color-mix(in srgb,var(--c) 55%,var(--line))}
.hv-ai img{width:112px;height:63px;object-fit:cover;border-radius:12px;flex:none}
.hv-ai b{display:block;font-size:16px;line-height:1.35;color:var(--ink)}
.hv-ai small{display:block;color:var(--mute);font-size:13.5px;margin-top:4px}
.hv-ai .lv{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 9px;border-radius:99px;margin-bottom:4px;color:#fff;background:var(--c)}
.hv-ai-head{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;color:var(--mute);font-size:15px;margin:-4px 0 6px}
.hv-ai-head span{display:inline-flex;gap:6px;align-items:center}
.hv-ai-head i{font-style:normal;width:10px;height:10px;border-radius:50%;background:var(--c)}
@media(max-width:1000px){.hv-ai{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hv-ai{grid-template-columns:1fr}.hv-ai img{width:96px;height:54px}}

/* ===== footer ===== */
.hv-ft{background:#080e20!important;color:#b7c3de}
.hv-ft p,.hv-ft a{color:#b7c3de}.hv-ft a:hover{color:#fff}
.hv-ft .elementor-widget-image img{height:46px;width:auto;content:url(logo-toi.png)}
.hv-ft .hv-legal,.hv-ft .hv-legal p{color:#94a2c3!important;font-size:13px}
.hv-ft .hv-contact p{margin:0 0 4px}.hv-ft .hv-contact b{color:#fff}

/* ===== Tutor: trang khóa học, trang học, bảng điều khiển ===== */
body.single-courses .tutor-course-details-header::before{background:linear-gradient(135deg,color-mix(in srgb,var(--a,#e31e24) 92%,#000),color-mix(in srgb,var(--a,#e31e24) 45%,#000 55%))}
.tutor-card,.tutor-course-details-widget,.tutor-accordion-item,.tutor-course-card,.tutor-dashboard .tutor-card,.tutor-modal-content,.tutor-quiz-wrap,.tutor-course-topic-single-body,.tutor-lesson-wrapper,.tutor-course-single-sidebar-wrapper,.tutor-sidebar-card,.tutor-course-details-instructors{background-color:var(--surf)!important;border-color:var(--line)!important;color:var(--ink)}
.tutor-accordion-item-header,.tutor-accordion-item-body{background:var(--surf)!important}
.tutor-color-black,.tutor-course-details-title,.tutor-course-content-list-item-title,.tutor-course-content-list-item-title a,.tutor-fs-6.tutor-fw-medium,.tutor-course-details-content,.tutor-course-details-content p,.tutor-course-details-content li,.tutor-lesson-wrapper,.tutor-lesson-wrapper p,.tutor-lesson-wrapper li,.tutor-lesson-wrapper h2,.tutor-lesson-wrapper h3,.tutor-quiz-wrap,.tutor-quiz-question-title{color:var(--ink)!important}
.tutor-color-secondary,.tutor-color-muted,.tutor-course-details-widget-list li,.tutor-meta,.tutor-meta-value,.tutor-course-content-list-item-duration{color:var(--mute)!important}
.tutor-course-content-list-item{background:transparent!important;border-color:var(--line)!important}
.tutor-course-content-list-item:hover{background:var(--hover)!important}
.tutor-tag-list a,.tutor-tag-list li a{background:var(--surf2)!important;color:var(--ink)!important;border-color:var(--line)!important}
.tutor-form-control,.tutor-quiz-question-options label,.tutor-quiz-wrap .tutor-form-check{background:var(--surf)!important;color:var(--ink)!important;border-color:var(--line2)!important}
.tutor-btn-outline-primary{color:var(--red-ink)!important;border-color:var(--red-ink)!important}
.tutor-btn-primary{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.tutor-course-single-content-wrapper,.tutor-course-single-content,.tutor-course-topic-single-header,.tutor-single-page-top-bar,.tutor-course-spotlight-wrapper,.tutor-course-spotlight-tab{background:var(--bg)!important;color:var(--ink)}
.tutor-lesson-wrapper{font-size:17px;line-height:1.75}
.tutor-lesson-wrapper h2{font-size:24px;margin:34px 0 10px;line-height:1.3}
.tutor-lesson-wrapper h3{font-size:19px;margin:24px 0 8px}
.tutor-lesson-wrapper a{color:var(--red-ink)}
/* khối bài học (hai-*) theo theme */
.hai-box,.hai-step,.hai-compare>div,.hai-terms{color:var(--ink)}
.hai-step{background:var(--surf);border-color:var(--line)}.hai-step b{color:var(--ink)}.hai-step span{color:var(--mute)}
.hai-terms{border-color:var(--line)}.hai-terms dt{color:var(--ink)}.hai-terms dd{color:var(--mute);border-color:var(--line)}
.hai-tbl{border-color:var(--line)}.hai-tbl th{background:var(--surf2);color:var(--ink)}.hai-tbl td{color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .hai-box{background:color-mix(in srgb,var(--k,#64748b) 12%,var(--surf))!important;border-color:color-mix(in srgb,var(--k,#64748b) 40%,var(--surf))!important}
html[data-theme=dark] .hai-compare>div:first-child{background:var(--surf2)}html[data-theme=dark] .hai-compare>div:last-child{background:color-mix(in srgb,#10b981 12%,var(--surf));border-color:color-mix(in srgb,#10b981 40%,var(--surf))}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .hai-box{background:color-mix(in srgb,var(--k,#64748b) 12%,var(--surf))!important;border-color:color-mix(in srgb,var(--k,#64748b) 40%,var(--surf))!important}
 html:not([data-theme=light]) .hai-compare>div:first-child{background:var(--surf2)}html:not([data-theme=light]) .hai-compare>div:last-child{background:color-mix(in srgb,#10b981 12%,var(--surf));border-color:color-mix(in srgb,#10b981 40%,var(--surf))}}
.hai-box.tip{--k:#10b981}.hai-box.warn{--k:#f59e0b}.hai-box.try{--k:#3b82f6}.hai-box.key{--k:#f43f5e}.hai-box.vi-du{--k:#8b5cf6}
.hai-src{color:var(--mute);border-color:var(--line)}
.hv-tl{display:none}@media(max-width:900px){.hv-tl{display:inline}.hv-theme{justify-content:flex-start!important;gap:10px}}
/* sửa tương phản (quét 25/10) */
.hv-eb,.hv-eb p,.hv-eb .elementor-widget-container{color:var(--red-ink)!important}
.hv-dark .hv-eb,.hv-dark .hv-eb p{color:var(--gold)!important}
.hv-eyebrow,.hv-eyebrow p{color:var(--gold)!important}
.hv-course .hv-th b{background:rgba(255,255,255,.96)!important;color:#16203f!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}
.hv-course .hv-meta .c,.hv-course[data-s=neon] .hv-meta .c{color:var(--mute)!important}
.hv-course .hv-meta .c::before{color:#16a34a!important}
.hv-course[data-s=neon] .hv-meta{color:#c2cce3}
.hv-btn-w .elementor-button,.hv-btn-w .elementor-button .elementor-button-text{color:#16203f!important}
.hv-btn-r .elementor-button .elementor-button-text{color:#fff!important}
.hv-course[data-s=neon] .hv-meta span.c{color:#c2cce3!important}
/* Tutor 4 khu học bài */
.tutor-learning-area,.tutor-learning-header,.tutor-learning-area-footer{background:var(--bg)!important;color:var(--ink)}
.tutor-learning-header-inner,.tutor-learning-sidebar-curriculum,.tutor-learning-sidebar-pages,.tutor-lesson-content-tab{background:var(--surf)!important;color:var(--ink);border-color:var(--line)!important}
.tutor-learning-nav-item{color:var(--ink)!important}.tutor-learning-nav-item.active,.tutor-learning-nav-item:hover{background:var(--surf2)!important}
.tutor-learning-area .tutor-text-subdued,.tutor-learning-area .tutor-tiny-2{color:var(--mute)!important}
.tutor-learning-area h1,.tutor-learning-area h2,.tutor-learning-area h3,.tutor-learning-area h4,.tutor-learning-area p,.tutor-learning-area li,.tutor-learning-header *{color:var(--ink)}
.tutor-learning-area .tutor-progress-bar{background:var(--surf2)}
.hai-lesson .hai-step{background:var(--surf);border-color:var(--line)}
.hai-lesson .hai-step b{color:var(--ink)}.hai-lesson .hai-step span{color:var(--mute)}
.hai-lesson .hai-box{color:var(--ink)}
/* khóa: tiêu đề chương dùng màu chữ, viền màu khóa */
body.single-courses .tutor-accordion-item-header{color:var(--ink)!important;border-left:4px solid var(--a,#e31e24)}
.tutor-toggle-btn-text,.tutor-toggle-more-btn{color:var(--mute)!important}
.hv-vhero .hv-chipb.on,.hv-vhero .hv-chipb.on small{color:#16203f!important}
.tutor-learning-area .tutor-learning-progress-text,.tutor-learning-area .tutor-learning-progress-text span,.tutor-learning-nav-header-title,.tutor-learning-area [class*=tutor-learning-nav] *{color:var(--ink)!important}
.tutor-learning-area .tutor-learning-nav-item .tutor-text-subdued{color:var(--mute)!important}
.tutor-learning-area .tutor-btn-ghost,.tutor-learning-area .tutor-btn-ghost *{color:var(--ink)!important}
.hv-stats b{font-family:BVP,system-ui,sans-serif!important;font-weight:800}
.hv-meta .a::before{content:"📖"}
.tutor-toggle-more-content::after,.tutor-toggle-more-collapsed::after,[class*=tutor-toggle-more]::after{background:linear-gradient(180deg,rgba(0,0,0,0),var(--bg))!important}
.tutor-course-sidebar-card,.tutor-sidebar-card,.tutor-card-body,.tutor-card-footer,.tutor-course-details-widget,.tutor-single-course-sidebar .tutor-card{background:var(--surf)!important;color:var(--ink);border-color:var(--line)!important}
.tutor-card-footer *{color:var(--mute)}
.hai-lesson h2{font-size:clamp(20px,5.2vw,25px)!important;line-height:1.3!important;margin:30px 0 10px!important}
.hai-lesson h3{font-size:clamp(17px,4.4vw,20px)!important;line-height:1.35!important}
.hai-lesson p,.hai-lesson li{font-size:17px;line-height:1.75}