/* ezOne Help Center - bổ sung cho bản thiết kế (menu tài khoản, trang đăng nhập) */
.acct{margin-left:auto;position:relative}
.acct .login{margin-left:0}
.acct-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2);padding:8px;z-index:60}
.acct-menu[hidden]{display:none}
.acct-who{padding:8px 12px 10px;border-bottom:1px solid var(--line);margin-bottom:6px;display:flex;flex-direction:column;min-width:0}
.acct-who b{color:var(--ink-strong);font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-who small{color:var(--ink-soft);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-menu a{display:block;padding:9px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:500;font-size:14.5px}
.acct-menu a:hover{background:var(--pale);color:var(--link)}
.aerr.top{margin:10px 0 4px}
body.ezone-login{margin:0;background:var(--grad-soft);min-height:100vh}
.auth.is-page{position:fixed}
.auth.is-page .auth-bg{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.auth.is-page .auth-demo{opacity:.7}

/* Chọn ngôn ngữ (GTranslate chạy ẩn, nút do theme vẽ) */
.gg-translate{position:relative;display:flex;align-items:center;flex:none;margin:0}
.gg-translate[hidden]{display:none}
.gg-engine{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}
.lang-b{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.lang-b:hover{border-color:var(--blue);color:var(--link)}
.lang-b img,.lang-m img{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.lang-c{width:14px;height:14px}
.lang-m{position:absolute;right:0;top:calc(100% + 8px);z-index:60;margin:0;padding:6px;list-style:none;min-width:190px;max-height:min(60vh,420px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2)}
.lang-m[hidden]{display:none}
.lang-m li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--ink);font-size:14.5px;font-weight:500;cursor:pointer;outline:0}
.lang-m li:hover,.lang-m li:focus{background:var(--pale);color:var(--link)}
.lang-m li[aria-selected="true"]{font-weight:700;color:var(--link)}
.top .wrap>.nav{margin-right:auto}
.top .wrap>.gg-translate+.acct,.top .wrap>.gg-translate+.login{margin-left:0}
@media (max-width:1060px){.top .wrap>.nav{margin-right:0}.top .wrap>.gg-translate{margin-left:auto}}
@media (max-width:600px){.lang-t{display:none}.lang-b{padding:0 10px}}
.auth-main .gg-translate{justify-content:flex-end;margin:0 0 10px}
.auth-main .lang-m{right:0}
/* GTranslate: ẩn thanh/khung Google tự chèn lên đầu trang */
body{top:0!important}.skiptranslate>iframe,.goog-te-banner-frame{display:none!important}

/* Chế độ xem trước bản nháp (từ màn hình soạn bài) */
.pv-badge{position:fixed;left:14px;bottom:14px;z-index:90;padding:7px 12px;border-radius:999px;background:#F8B500;color:#3a2a00;font:600 12px/1.2 inherit;box-shadow:0 4px 14px rgba(0,0,0,.25);pointer-events:none}

/* Tìm trong bài */
.psrch.fnd{width:min(520px,100%)!important}
.ezf-ctl{display:flex;align-items:center;gap:6px;flex:none;margin-right:-10px}.ezf-ctl[hidden]{display:none}
.ezf-n{font-size:13px;color:var(--ink-soft);white-space:nowrap;padding-right:4px}
.ezf-b{flex:none;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;display:grid;place-items:center;font-size:20px;line-height:1;padding:0}
.ezf-b:hover:not(:disabled){background:var(--pale)}.ezf-b:disabled{opacity:.3;cursor:default}
.ezf-b .ico{width:16px;height:16px;font-size:16px;color:inherit}
#ezfp .ico{transform:rotate(-90deg)}#ezfx .ico{transform:rotate(90deg)}
mark.ezf-m{background:#DCEAFE;color:inherit;border-radius:4px;padding:0 2px;box-shadow:inset 0 -2px 0 #9CC2F7}
mark.ezf-m.cur{background:#1B5CC8;color:#fff;box-shadow:0 0 0 2px rgba(27,92,200,.28)}
:root[data-theme="dark"] mark.ezf-m{background:rgba(63,160,245,.22);box-shadow:inset 0 -2px 0 rgba(63,160,245,.55)}
:root[data-theme="dark"] mark.ezf-m.cur{background:#3FA0F5;color:#06142E;box-shadow:0 0 0 2px rgba(63,160,245,.35)}
.psrch.fnd input::-webkit-search-cancel-button{display:none}
@media (max-width:820px){.psrch.fnd{width:100%!important}.ezf-n{font-size:12px}}
.ezf-mode{display:inline-flex;flex:none;padding:2px;border-radius:999px;background:var(--pale,#EEF4FD);gap:2px}
.ezf-mode button{border:0;background:transparent;color:var(--ink-soft);font:inherit;font-size:12px;font-weight:600;line-height:1;padding:6px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}
.ezf-mode button[aria-pressed="true"]{background:#1B5CC8;color:#fff;box-shadow:0 2px 6px -2px rgba(27,92,200,.6)}
.ezf-ctl.site #ezfn,.ezf-ctl.site #ezfp,.ezf-ctl.site #ezfx{display:none}
@media (max-width:820px){.ezf-mode button{padding:6px 8px;font-size:11.5px}}
.sg mark,.res mark,.snip mark,.rs-i mark{background:#DCEAFE;color:inherit;border-radius:4px;padding:0 2px;box-shadow:inset 0 -2px 0 #9CC2F7}
:root[data-theme="dark"] .sg mark,:root[data-theme="dark"] .res mark,:root[data-theme="dark"] .snip mark,:root[data-theme="dark"] .rs-i mark{background:rgba(63,160,245,.22);box-shadow:inset 0 -2px 0 rgba(63,160,245,.55)}
.rs-f{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.rs-f button{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:600;padding:7px 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.rs-f button small{font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--pale);border-radius:999px;padding:1px 8px}
.rs-f button:hover{border-color:#9CC2F7}
.rs-f button.on{background:#1B5CC8;border-color:#1B5CC8;color:#fff}.rs-f button.on small{background:rgba(255,255,255,.22);color:#fff}
.rs[hidden]{display:none}
@media (max-width:480px){.psrch.fnd .sbar{gap:6px;padding:0 10px 0 14px!important}.psrch.fnd .sbar input{min-width:56px}.ezf-ctl{gap:2px;margin-right:-4px}.ezf-mode button{padding:5px 7px;font-size:11px}.ezf-b{width:26px;height:26px}.ezf-n{font-size:12px;padding-right:0}}
/* điểm đến khi mở thẳng tới mục: chừa chỗ cho 2 thanh dính trên đầu, và chỉ nháy xanh ở tiêu đề mục */
#lesson article [id]{scroll-margin-top:164px}
@media (max-width:820px){#lesson article [id]{scroll-margin-top:140px}}
@keyframes flashbg{0%,30%{background:#DCEAFE;border-radius:6px}100%{background:transparent}}
@keyframes flashbgd{0%,30%{background:rgba(63,160,245,.28);border-radius:6px}100%{background:transparent}}
:root[data-theme="dark"] .flash{animation-name:flashbgd}