.hoc-html p{margin:.6rem 0;line-height:1.75}.hoc-html ul,.hoc-html ol{margin:.6rem 0;padding-left:1.4rem;line-height:1.75}.hoc-html ul{list-style:outside}.hoc-html ol{list-style:decimal}.hoc-html strong{color:var(--navy)}.hoc-html code{background:var(--ice);color:var(--mascot-deep);border-radius:.375rem;padding:.05rem .35rem;font-size:.92em}.hoc-html table{border-collapse:collapse;width:100%;font-size:.95rem}.hoc-html th,.hoc-html td{border:1px solid var(--line);text-align:left;padding:.5rem .65rem}@keyframes hoc-vao-phai{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes hoc-vao-trai{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}.hoc-vao-phai{animation:.22s cubic-bezier(.2,.7,.2,1) both hoc-vao-phai}.hoc-vao-trai{animation:.22s cubic-bezier(.2,.7,.2,1) both hoc-vao-trai}.hoc-the-khung{perspective:1400px;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:max(60vh,22rem);position:relative}@media (min-width:768px){.hoc-the-khung{height:26rem}}.hoc-the-sau{background:var(--surface);box-shadow:var(--shadow-card);outline:1px solid var(--line);opacity:.7;border-radius:1.5rem;transition:transform .26s,opacity .26s;position:absolute;inset:0;transform:translateY(10px)scale(.965)}.hoc-the-keo{will-change:transform;cursor:grab;position:absolute;inset:0}.hoc-the-keo.is-tha{transition:transform .32s cubic-bezier(.2,.8,.2,1)}.hoc-the-keo:active{cursor:grabbing}.hoc-the{transform-style:preserve-3d;transition:transform .52s cubic-bezier(.3,.7,.2,1);position:absolute;inset:0}.hoc-the.is-lat{transform:rotateY(180deg)}.hoc-mat{background:var(--surface);box-shadow:var(--shadow-card);outline:1px solid var(--line);backface-visibility:hidden;border-radius:1.5rem;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.hoc-mat--sau{transform:rotateY(180deg)}.hoc-mat--truoc{background:linear-gradient(160deg, var(--surface) 55%, var(--ice) 100%)}.hoc-dau-vuot{z-index:2;pointer-events:none;opacity:0;border-radius:999px;padding:.3rem .8rem;font-size:.8rem;font-weight:800;position:absolute;top:1rem}.hoc-dau-vuot--trai{background:var(--red-soft);color:var(--red);left:1rem}.hoc-dau-vuot--phai{background:var(--green-soft);color:var(--green);right:1rem}@keyframes hoc-the-vao{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.hoc-the-vao{animation:.26s cubic-bezier(.2,.7,.2,1) both hoc-the-vao}@media (prefers-reduced-motion:reduce){.hoc-vao-phai,.hoc-vao-trai,.hoc-the-vao{animation-duration:1ms}.hoc-the,.hoc-the.is-lat{transition:none;transform:none}.hoc-mat{transition:opacity .2s}.hoc-mat--sau{opacity:0;pointer-events:none;transform:none}.hoc-the.is-lat .hoc-mat--sau{opacity:1;pointer-events:auto}.hoc-the.is-lat .hoc-mat--truoc{opacity:0;pointer-events:none}.hoc-the-keo.is-tha,.hoc-the-sau{transition:none}}.hoc-thanh-duoi{padding-bottom:max(.75rem, env(safe-area-inset-bottom))}@media (max-width:767px){body:has(.hoc-day-nut){--tri-consent-h:4.75rem}}@media print{[data-site-chrome],.hoc-khong-in{display:none!important}}.tv-lo-trinh{--tv-he:.6}@media (min-width:640px){.tv-lo-trinh{--tv-he:1}}.dd-nut{touch-action:manipulation}.dd-nut[data-tt=open]{background:var(--dd-mau,var(--orange));color:var(--surface);box-shadow:0 6px 0 color-mix(in srgb, var(--dd-mau,var(--orange)) 62%, var(--navy))}.dd-nut[data-tt=passed]{background:var(--gold);color:var(--surface);box-shadow:0 6px 0 var(--gold-deep)}.dd-nut[data-tt=locked]{background:var(--line);color:var(--ink-soft);box-shadow:0 6px 0 color-mix(in srgb, var(--line) 70%, var(--navy) 12%)}.dd-nut:hover{filter:brightness(1.05)}.dd-nut:active{box-shadow:0 2px 0 color-mix(in srgb, var(--navy) 30%, transparent);translate:0 4px}.dd-nut:focus-visible{outline:3px solid var(--navy);outline-offset:6px}.dd-nhip{animation:1.8s ease-in-out infinite dd-nhip}@keyframes dd-nhip{0%,to{box-shadow:0 6px 0 color-mix(in srgb, var(--dd-mau,var(--orange)) 62%, var(--navy)), 0 0 0 6px color-mix(in srgb, var(--dd-mau,var(--orange)) 22%, transparent)}50%{box-shadow:0 6px 0 color-mix(in srgb, var(--dd-mau,var(--orange)) 62%, var(--navy)), 0 0 0 14px color-mix(in srgb, var(--dd-mau,var(--orange)) 6%, transparent)}}.dd-the{animation:.18s ease-out dd-the}@keyframes dd-the{0%{opacity:0;transform:translate(-50%,-6px)}}.dd-mui{top:-7px;left:var(--dd-mui,50%);border-radius:3px 0 0;width:14px;height:14px;position:absolute;transform:translate(-50%)rotate(45deg)}.dd-the[data-khoa] .dd-mui{border-left:1px solid var(--line);border-top:1px solid var(--line)}.dd-dinh{top:4.5rem}@media (min-width:64rem){:is(html:not([data-js-ben]):has([data-thanh-ben-hoc]) .dd-dinh,html[data-ben] .dd-dinh){top:.75rem}}.dd-dinh-bang{transition:opacity .18s,translate .18s}.dd-ve{animation:.2s ease-out dd-the-ve}@keyframes dd-the-ve{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.dd-nhip,.dd-the,.dd-ve{animation:none}.dd-dinh-bang{transition:none}.dd-nut:active{translate:none}}.tv-bong{animation:1.6s ease-in-out infinite tv-bong}@keyframes tv-bong{50%{transform:translate(-50%,-3px)}}.tv-bong:after{content:"";background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line);width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tv-rung{animation:.35s ease-in-out tv-rung}@keyframes tv-rung{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.tv-vao{animation:.25s ease-out tv-vao}@keyframes tv-vao{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.tv-bong,.tv-rung,.tv-vao{animation:none}}.kn-dai{animation:.22s ease-out kn-dai}@keyframes kn-dai{0%{transform:translateY(100%)}}.kn-combo{animation:.4s ease-out kn-nay}.kn-nay{animation:.6s cubic-bezier(.3,1.6,.5,1) kn-nay}@keyframes kn-nay{0%{transform:scale(.6)}to{transform:scale(1)}}.kn-ghi{animation:1.2s ease-in-out infinite kn-ghi}@keyframes kn-ghi{50%{box-shadow:0 0 0 12px color-mix(in srgb, var(--red) 20%, transparent)}}@media (prefers-reduced-motion:reduce){.kn-dai,.kn-combo,.kn-nay,.kn-ghi{animation:none}}.ng-dung{color:color-mix(in srgb, var(--green) 70%, var(--ink))}.ng-sai{color:color-mix(in srgb, var(--red) 80%, var(--ink))}.ng-nen-dung{background:color-mix(in srgb, var(--green) 70%, var(--ink))}.ng-nen-dung:hover:not(:disabled){background:color-mix(in srgb, var(--green) 60%, var(--ink))}.kn-song{transform-origin:bottom;animation:.9s ease-in-out infinite alternate kn-song}@keyframes kn-song{to{transform:scaleY(.35)}}@media (prefers-reduced-motion:reduce){.kn-song{animation:none}}