/* Trợ lý Slide Triway — kiểu cho trang vẽ (B1). Tiền tố tw- */
.tw-khung { position: relative; overflow: hidden; width: 100%; background: #fff; contain: layout paint; }
.tw-san { position: absolute; left: 0; top: 0; width: 1280px; height: 720px; transform-origin: 0 0; overflow: hidden; box-sizing: border-box; }
.tw-san * { box-sizing: border-box; }
.tw-h { position: absolute; margin: 0; }
.tw-h-chu { display: flex; flex-direction: column; overflow: visible; word-break: normal; overflow-wrap: anywhere; font-kerning: normal; }
.tw-p { display: block; white-space: normal; }
.tw-dau { position: absolute; left: 0; top: 0; text-align: left; }
.tw-goiy { opacity: .55; font-style: italic; }
.tw-anh-trong { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; text-align: center; padding: 24px; font-family: "Be Vietnam Pro", system-ui, Arial, sans-serif; }
.tw-anh-chu { font-size: 26px; font-weight: 600; }
.tw-anh-gy { font-size: 20px; max-width: 90%; }
.tw-vd { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; color: #fff; font-family: "Be Vietnam Pro", system-ui, Arial, sans-serif; }
.tw-vd-c { font-size: 24px; padding: 0 24px; text-align: center; }
.tw-che-do-sua .tw-sua { cursor: text; }
.tw-che-do-sua .tw-sua:hover { outline: 3px dashed rgba(37, 99, 235, .75); outline-offset: 2px; }
.tw-che-do-sua .tw-sua:focus-visible { outline: 4px solid #2563eb; outline-offset: 2px; }
.tw-che-do-sua .tw-anh-trong { cursor: pointer; }
.tw-che-do-sua .tw-chon, .tw-chon { outline: 4px solid #2563eb; outline-offset: 2px; }
.tw-che-do-sua .tw-dung::after { content: "✓ đúng"; position: absolute; right: 8px; top: -14px; background: #1d6f3a; color: #fff; font: 700 18px/1 "Be Vietnam Pro", system-ui, sans-serif; padding: 6px 10px; border-radius: 12px; }
@media (prefers-reduced-motion: reduce) { .tw-san, .tw-h { transition: none !important; } }