/* duo.css - giao dien khao sat, bai luyen nhanh, hieu ung. Dung chung index.html va luyen.html */
:root{--dq-ok:var(--ok,#2E7D4F);--dq-bad:var(--bad,var(--no,#B3402F))}
.dq-mas{display:block;overflow:visible;animation:dqbob 3s ease-in-out infinite}
.dq-mas.cheer{animation:dqjump .9s ease-in-out infinite}.dq-mas.sad{animation:none}
.dq-wv{transform-origin:20px 70px;animation:dqwave .6s ease-in-out infinite alternate}
@keyframes dqbob{50%{transform:translateY(-5px)}}
@keyframes dqjump{0%,100%{transform:translateY(0)}40%{transform:translateY(-14px) rotate(-3deg)}}
@keyframes dqwave{to{transform:rotate(-24deg)}}
@keyframes dqin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes dqpop{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}100%{opacity:0;transform:translate(-50%,-90px) scale(1)}}
@keyframes dqshake{0%,100%{transform:none}20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
@keyframes dqslide{from{transform:translateY(100%)}to{transform:none}}
@keyframes dqflame{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.15) rotate(3deg)}}
@keyframes dqheart{30%{transform:scale(1.5)}60%{transform:scale(.8)}}
@keyframes dqshine{from{background-position:0 0}to{background-position:40px 0}}
.dq-pop{position:fixed;left:50%;bottom:34%;z-index:100001;font:800 30px system-ui,sans-serif;color:#d98a00;text-shadow:0 2px 0 #fff,0 0 14px rgba(255,200,60,.8);animation:dqpop 1.4s ease-out forwards;pointer-events:none;white-space:nowrap}
.dq-pop.lv{color:#7a4fd6;font-size:34px}
.dq-toast{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:100001;background:var(--ink,#2A1D15);color:var(--bg,#FBF5E9);padding:12px 18px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.3);animation:dqin .3s;max-width:92vw;text-align:center}
.dq-toast.out{opacity:0;transition:opacity .3s}
.dq-ring{position:relative;display:inline-block;flex:none}.dq-ring span{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:15px;text-align:center;line-height:1.1}

/* nut chinh kieu 3D */
.dq-btn{display:block;width:100%;border:0;border-radius:14px;padding:14px 18px;font:800 16px/1.2 inherit;font-family:inherit;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;color:#fff;background:var(--dq-ok);box-shadow:0 4px 0 color-mix(in srgb,var(--dq-ok) 65%,#000);transition:transform .08s,box-shadow .08s,filter .2s}
.dq-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--dq-ok) 65%,#000)}
.dq-btn:disabled{background:var(--line,#ddd);color:var(--mut,#888);box-shadow:0 4px 0 color-mix(in srgb,var(--line,#ddd) 70%,#000);cursor:not-allowed}
.dq-btn.gold{background:linear-gradient(135deg,#C98A12,#E8A21C);box-shadow:0 4px 0 #8a5d0a}
.dq-btn.red{background:var(--dq-bad);box-shadow:0 4px 0 color-mix(in srgb,var(--dq-bad) 65%,#000)}
.dq-btn.ghost{background:transparent;color:var(--ac,#9A6A12);box-shadow:none;border:2px solid var(--line,#ddd)}
.dq-btn.ghost:active:not(:disabled){transform:none}

/* khung toan man hinh */
.dq-full{position:fixed;inset:0;z-index:9000;background:var(--bg,#FBF5E9);color:var(--ink,#2A1D15);display:flex;flex-direction:column;font:16px/1.5 'Be Vietnam Pro',system-ui,sans-serif;padding-top:env(safe-area-inset-top)}
.dq-top{display:flex;align-items:center;gap:12px;padding:14px 16px 6px;max-width:680px;width:100%;margin:0 auto}
.dq-x{border:0;background:none;font-size:22px;color:var(--mut,#888);cursor:pointer;padding:4px 8px}
.dq-bar{flex:1;height:14px;background:var(--line,#ddd);border-radius:99px;overflow:hidden}
.dq-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--dq-ok);background-image:linear-gradient(90deg,rgba(255,255,255,.28) 50%,transparent 50%);background-size:40px 100%;animation:dqshine 1s linear infinite;transition:width .45s}
.dq-hp{font-weight:800;color:var(--dq-bad);min-width:46px;text-align:right}.dq-hp.hit b{display:inline-block;animation:dqheart .5s}
.dq-main{flex:1;overflow:auto;padding:12px 16px 24px;max-width:680px;width:100%;margin:0 auto;animation:dqin .35s}
.dq-main h2{font:800 22px/1.3 'Be Vietnam Pro',system-ui,sans-serif;margin:8px 0 16px}
.dq-foot{padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:2px solid transparent}
.dq-foot .in{max-width:680px;margin:0 auto}
.dq-foot.ok{background:color-mix(in srgb,var(--dq-ok) 18%,var(--bg,#fff));border-color:color-mix(in srgb,var(--dq-ok) 40%,transparent);animation:dqslide .25s}
.dq-foot.no{background:color-mix(in srgb,var(--dq-bad) 16%,var(--bg,#fff));border-color:color-mix(in srgb,var(--dq-bad) 40%,transparent);animation:dqslide .25s}
.dq-fb{font-weight:800;font-size:18px;margin-bottom:4px}.dq-foot.ok .dq-fb{color:var(--dq-ok)}.dq-foot.no .dq-fb{color:var(--dq-bad)}
.dq-fb+div{margin-bottom:10px;font-size:15px}

/* lua chon */
.dq-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:2px solid var(--line,#ddd);border-bottom-width:4px;background:var(--card,#fff);color:inherit;border-radius:14px;padding:13px 14px;margin:0 0 10px;font:inherit;font-size:16px;cursor:pointer;transition:transform .1s,border-color .15s,background .15s}
.dq-opt:hover{border-color:var(--ac,#9A6A12)}.dq-opt:active{transform:translateY(2px)}
.dq-opt .k{flex:none;width:28px;height:28px;border:2px solid var(--line,#ddd);border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--mut,#888)}
.dq-opt.sel{border-color:var(--ac,#9A6A12);background:color-mix(in srgb,var(--ac,#9A6A12) 12%,var(--card,#fff))}.dq-opt.sel .k{border-color:var(--ac,#9A6A12);color:var(--ac,#9A6A12)}
.dq-opt.right{border-color:var(--dq-ok);background:color-mix(in srgb,var(--dq-ok) 16%,var(--card,#fff))}
.dq-opt.wrong{border-color:var(--dq-bad);background:color-mix(in srgb,var(--dq-bad) 14%,var(--card,#fff));animation:dqshake .4s}
.dq-opt.big{justify-content:center;text-align:center;font-size:18px;min-height:64px}
.dq-opt:disabled{cursor:default;opacity:1}

/* nghe */
.dq-say{display:flex;gap:10px;margin:6px 0 18px;align-items:center}
.dq-spk{width:84px;height:84px;border-radius:22px;border:0;background:var(--ac,#9A6A12);color:#fff;font-size:34px;cursor:pointer;box-shadow:0 5px 0 rgba(0,0,0,.25);transition:transform .08s}.dq-spk:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.25)}
.dq-spk.s{width:56px;height:56px;font-size:22px;border-radius:16px;background:var(--card,#fff);color:var(--ink);border:2px solid var(--line,#ddd);box-shadow:0 3px 0 var(--line,#ddd)}
.dq-bubble{position:relative;background:var(--card,#fff);border:2px solid var(--line,#ddd);border-radius:16px;padding:12px 14px;font-size:17px;flex:1}
.dq-bubble:before{content:"";position:absolute;left:-9px;top:20px;width:14px;height:14px;background:var(--card,#fff);border-left:2px solid var(--line,#ddd);border-bottom:2px solid var(--line,#ddd);transform:rotate(45deg)}

/* xep tu */
.dq-line{min-height:58px;border-top:2px solid var(--line,#ddd);border-bottom:2px solid var(--line,#ddd);padding:8px 0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;align-content:flex-start}
.dq-bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:56px}
.dq-tile{border:2px solid var(--line,#ddd);border-bottom-width:4px;background:var(--card,#fff);color:inherit;border-radius:12px;padding:8px 13px;font:inherit;font-size:17px;cursor:pointer;transition:transform .1s}
.dq-tile:active{transform:translateY(2px)}.dq-tile.used{visibility:hidden}
.dq-fill{display:inline-block;min-width:80px;border-bottom:3px solid var(--ac,#9A6A12);text-align:center;color:var(--ac,#9A6A12);font-weight:700}
.dq-sent{font-size:20px;line-height:1.7;font-weight:500;margin:6px 0 18px}
.dq-vi{color:var(--mut,#888);font-size:15px}
.dq-mic{width:96px;height:96px;border-radius:50%;border:0;background:var(--ac,#9A6A12);color:#fff;font-size:38px;cursor:pointer;display:block;margin:10px auto;box-shadow:0 5px 0 rgba(0,0,0,.25)}
.dq-mic.rec{background:var(--dq-ok);animation:dqheart 1s infinite}
.dq-link{background:none;border:0;color:var(--mut,#888);text-decoration:underline;font:inherit;cursor:pointer;display:block;margin:10px auto}

/* man hinh ket thuc / khao sat */
.dq-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:10px}
.dq-center h1{background:none;-webkit-text-fill-color:currentColor;color:var(--ink,#2A1D15);font:800 26px/1.25 'Be Vietnam Pro',system-ui,sans-serif}
.dq-stats{display:flex;gap:10px;width:100%;margin:12px 0}
.dq-stat{flex:1;border:2px solid var(--c,#e0a02f);border-radius:14px;overflow:hidden;background:var(--card,#fff);animation:dqin .5s backwards}
.dq-stat small{display:block;background:var(--c,#e0a02f);color:#fff;font-weight:800;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:3px 0}
.dq-stat b{display:block;font-size:22px;padding:10px 0;color:var(--c,#e0a02f)}
.dq-flame{font-size:54px;animation:dqflame 1.2s ease-in-out infinite;display:inline-block}
.dq-week{display:flex;justify-content:space-between;gap:4px;width:100%;margin:6px 0}
.dq-wd{flex:1;text-align:center;font-size:11px;color:var(--mut,#888)}
.dq-wd i{display:grid;place-items:center;width:30px;height:30px;margin:3px auto 0;border-radius:50%;border:2px solid var(--line,#ddd);font-style:normal;font-size:14px;color:#fff}
.dq-wd.on i{background:linear-gradient(135deg,#f59e0b,#ea580c);border-color:transparent}.dq-wd.now i{border-color:var(--ac,#9A6A12);border-width:3px}
.dq-ob-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:2px solid var(--line,#ddd);border-bottom-width:4px;background:var(--card,#fff);color:inherit;border-radius:16px;padding:14px 16px;margin:0 0 10px;font:inherit;font-size:17px;cursor:pointer;transition:transform .1s,border-color .15s;animation:dqin .4s backwards}
.dq-ob-opt:nth-child(2){animation-delay:.05s}.dq-ob-opt:nth-child(3){animation-delay:.1s}.dq-ob-opt:nth-child(4){animation-delay:.15s}.dq-ob-opt:nth-child(5){animation-delay:.2s}
.dq-ob-opt .e{font-size:28px;flex:none}.dq-ob-opt small{display:block;color:var(--mut,#888);font-size:13px}
.dq-ob-opt.sel{border-color:var(--ac,#9A6A12);background:color-mix(in srgb,var(--ac,#9A6A12) 13%,var(--card,#fff))}
.dq-spin{width:46px;height:46px;border-radius:50%;border:5px solid var(--line,#ddd);border-top-color:var(--ac,#9A6A12);animation:dqspin .9s linear infinite}@keyframes dqspin{to{transform:rotate(360deg)}}
.dq-chip{display:inline-flex;gap:6px;align-items:center;background:var(--card,#fff);border:2px solid var(--line,#ddd);border-radius:99px;padding:6px 14px;margin:4px;font-size:14px}

/* the tren trang chu */
.dq-hero{margin-top:12px;border-radius:20px;padding:16px;background:linear-gradient(135deg,color-mix(in srgb,#E8A21C 22%,var(--card,#fff)),color-mix(in srgb,#7a4fd6 14%,var(--card,#fff)));border:2px solid var(--line,#E4D6BF);animation:dqin .5s}
.dq-hero .top{display:flex;gap:12px;align-items:center}
.dq-hero .say{flex:1;font-weight:600;font-size:16px;line-height:1.4}
.dq-hero .say small{display:block;font-weight:400;color:var(--mut,#888);font-size:13px;margin-top:2px}
.dq-hero .nums{display:flex;gap:10px;align-items:center;margin:12px 0 4px}
.dq-hero .fl{display:flex;align-items:center;gap:6px;font-weight:800;font-size:20px}.dq-hero .fl span.dq-flame{font-size:30px;animation-duration:1.6s}
.dq-hero .small{font-size:13px;color:var(--mut,#888)}
.dq-plan{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--mut,#888);margin-top:12px;flex-wrap:wrap}
.dq-plan button{border:0;background:none;color:var(--ac,#9A6A12);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:4px}
@media(prefers-reduced-motion:reduce){.dq-mas,.dq-flame,.dq-bar i,.dq-wv,.dq-spin{animation:none!important}}

a.b{color:var(--ink,#2A1D15);text-decoration:none}a.b.p{color:var(--btn-ink,#fff)}

/* mic: khung nghe co dem nguoc 15 giay */
.dq-mk{display:flex;align-items:center;gap:12px;background:var(--card,#fff);border:2px solid var(--ac,#9A6A12);border-radius:16px;padding:12px 14px;margin:8px 0}
.dq-mk.off{border-color:var(--line,#ddd);justify-content:space-between}
.dq-mk-dot{flex:none;width:16px;height:16px;border-radius:50%;background:var(--dq-bad);animation:dqheart 1.1s infinite;box-shadow:0 0 0 0 var(--dq-bad)}
.dq-mk-t{flex:1;min-width:0;font-size:15px}.dq-mk-live{color:var(--mut,#888);font-size:13px;margin-top:2px;word-break:break-word}
.dq-mk-bar{height:6px;background:var(--line,#ddd);border-radius:99px;overflow:hidden;margin-top:8px}.dq-mk-bar i{display:block;height:100%;background:var(--ac,#9A6A12);transition:width .25s linear}
.dq-mk-cd{flex:none;text-align:center;font-weight:800;font-size:22px;line-height:1;min-width:34px}.dq-mk-cd small{display:block;font-weight:400;font-size:11px;color:var(--mut,#888)}
.dq-mk-stop{flex:none;border:2px solid var(--line,#ddd);background:var(--card,#fff);color:inherit;border-radius:12px;padding:8px 12px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.dq-mk-stop.go{background:var(--ac,#9A6A12);border-color:transparent;color:#fff}
/* nut nhac nen + the hoc thu */
.dq-bgm{font-size:18px}.dq-bgm.on{background:linear-gradient(135deg,#9A6A12,#e0a02f)!important;color:#fff!important;border-color:transparent!important}
.dq-bgm.on:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-left:4px;vertical-align:middle;animation:dqheart 1.4s infinite}
.tag.free{background:#2e9e5b;color:#fff}.les.locked{opacity:.62}
.dq-trial{margin-top:12px;border:2px solid var(--ac,#9A6A12);border-radius:18px;padding:16px;background:var(--card,#fff);animation:dqin .5s}
.dq-trial h3{font:800 18px/1.3 'Be Vietnam Pro',system-ui,sans-serif;margin:0 0 4px}
.dq-trial .st{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px dashed var(--line,#ddd)}
.dq-trial .st:first-of-type{border-top:0}.dq-trial .n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--ac,#9A6A12);color:#fff;display:grid;place-items:center;font-weight:800}
.dq-trial .st b{display:block}.dq-trial .st span.m{font-size:13px;color:var(--mut,#888)}
.dq-trial a,.dq-trial button.l{flex:none;margin-left:auto;border:2px solid var(--ac,#9A6A12);color:var(--ac,#9A6A12);background:none;border-radius:12px;padding:7px 12px;font:inherit;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}
.dq-tip{background:color-mix(in srgb,#E8A21C 16%,var(--card,#fff));border:2px dashed #E8A21C;border-radius:14px;padding:10px 14px;margin:12px 0;font-size:14px;display:flex;gap:10px;align-items:center}
.dq-bd{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.dq-bd span{font-size:22px;filter:grayscale(1);opacity:.35}.dq-bd span.on{filter:none;opacity:1}

/* 3 muc chinh ngang hang tren trang chu */
.dq-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.dq-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:136px;padding:14px 6px 12px;border:2px solid var(--ac,#9A6A12);border-radius:16px;background:var(--card,#fff);color:inherit;font:inherit;text-align:center;text-decoration:none;cursor:pointer;animation:dqin .5s}
.dq-tile .ic{font-size:34px;line-height:1.1}
.dq-tile b{font-size:14px;line-height:1.25}
.dq-tile .sm,.dq-sheet-row .sm{font-size:12px;line-height:1.35;color:var(--mut,#6E5C4C);font-weight:400}
.dq-sheet-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px dashed var(--line,#ddd);color:inherit;text-decoration:none}
.dq-sheet-row .ic{font-size:26px;flex:none;width:34px;text-align:center}
.dq-sheet-row b{display:block}
@media (max-width:340px){.dq-tile .ic{font-size:28px}.dq-tile b{font-size:13px}}

/* Ebook song ngu: bang trang mau cuon ngang nhu lat sach */
.dq-eb{margin-top:18px}.dq-eb h2{font-size:22px}.dq-eb-d{margin:6px 0 12px;font-size:14px;line-height:1.55}
.dq-eb-l{margin-top:16px;font-size:17px}
.dq-eb-b{margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.5;color:var(--mut,#6E5C4C)}.dq-eb-b li{margin:3px 0}.dq-eb-b b{color:var(--ink,#2A1D15)}
.dq-book{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:6px 2px 14px;scrollbar-width:none;overscroll-behavior-x:contain}
.dq-book::-webkit-scrollbar{display:none}
.dq-pg{flex:0 0 66%;max-width:300px;margin:0;scroll-snap-align:start;position:relative}
.dq-pg img{display:block;width:100%;aspect-ratio:745/1053;object-fit:cover;border-radius:3px 8px 8px 3px;background:#fff;box-shadow:0 6px 16px rgba(60,40,10,.28),inset 6px 0 8px -6px rgba(0,0,0,.35);border:1px solid var(--line,#E4D6BF);user-select:none;-webkit-user-drag:none}
.dq-pg::before{content:"";position:absolute;left:0;top:0;bottom:22px;width:10px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent);pointer-events:none;z-index:1}
.dq-pg figcaption{margin-top:8px;font-size:12px;text-align:center;color:var(--mut,#6E5C4C)}
.dq-bk-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dq-bk-nav span{font-size:12px;text-align:center;flex:1}
.dq-bk-nav .b{min-height:38px;width:42px;padding:0;font-size:22px;line-height:1}
.dq-eb{scroll-margin-top:calc(76px + env(safe-area-inset-top,0px))}

/* khung hoc thu thu gon */
details.dq-trial{padding:10px 14px}
details.dq-trial>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}
details.dq-trial>summary::-webkit-details-marker{display:none}
details.dq-trial .tx{flex:1;display:flex;flex-direction:column;line-height:1.35}
details.dq-trial .tx b{font:800 16px/1.3 'Be Vietnam Pro',system-ui,sans-serif}
details.dq-trial .sm{font-size:12px;color:var(--mut,#6E5C4C)}
details.dq-trial .chev{font-size:20px;color:var(--ac,#9A6A12);transition:transform .2s}
details.dq-trial[open] .chev{transform:rotate(180deg)}
details.dq-trial[open]>summary{margin-bottom:4px}
/* huong dan tung buoc bat micro */
.dq-steps{list-style:none;margin:8px 0 0;padding:0;text-align:left}
.dq-steps li{display:flex;gap:10px;align-items:flex-start;padding:7px 0}
.dq-steps .n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--ac,#9A6A12);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}

.dq-tile.wide{grid-column:1/-1;flex-direction:row;justify-content:center;gap:12px;min-height:0;padding:12px 14px;text-align:left}.dq-tile.wide .tx{display:flex;flex-direction:column;gap:2px}

/* the dau trang chu: ban thu gon, chuyen nghiep */
.dq-hero{margin-top:10px;border-radius:16px;padding:12px 14px;background:var(--card,#fff);background-image:linear-gradient(135deg,color-mix(in srgb,#E8A21C 10%,transparent),color-mix(in srgb,#7a4fd6 8%,transparent))}
.dq-hero .top{display:flex;gap:10px;align-items:center}
.dq-hero .say{flex:1;min-width:0;font-size:14px;line-height:1.35}
.dq-hero .say b{display:block;font-weight:700;font-size:14.5px}
.dq-hero .say small{display:block;margin-top:1px;font-size:12px;color:var(--mut,#6E5C4C);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dq-hero .dq-ring span{font-size:12px}
.dq-hero .mid{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 0}
.dq-hero .fl{display:flex;align-items:center;gap:5px;font-size:14px;white-space:nowrap}
.dq-hero .fl b{font-weight:800}.dq-hero .fl span.dq-flame{font-size:18px}
.dq-hero .dq-week{width:auto;margin:0;gap:3px;flex:0 1 auto}
.dq-hero .dq-wd{flex:none;width:26px;font-size:10px}
.dq-hero .dq-wd i{width:18px;height:18px;margin-top:2px;border-width:1.5px;font-size:10px}
.dq-hero .dq-wd.now i{border-width:2px}
.dq-hero .acts{display:flex;gap:8px;margin-top:10px}
.dq-hero .dq-btn{width:auto;flex:1;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;box-shadow:none}
.dq-hero .dq-btn.gold{flex:1.6;box-shadow:none}
.dq-hero .dq-btn.ghost{border-width:1.5px}
.dq-hero .dq-btn:active:not(:disabled){transform:scale(.98);box-shadow:none}
.dq-more{margin-top:8px;border-top:1px solid var(--line,#E4D6BF)}
.dq-more>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:36px;font-size:12.5px;color:var(--mut,#6E5C4C)}
.dq-more>summary::-webkit-details-marker{display:none}
.dq-more>summary::after{content:"▾";font-size:15px;transition:transform .2s}
.dq-more[open]>summary::after{transform:rotate(180deg)}
.dq-more .dq-bd{margin-top:2px}.dq-more .dq-plan{margin-top:8px}
@media(max-width:380px){.dq-hero .dq-wd{width:22px}.dq-hero .fl .small{display:none}}
.dq-tile{min-height:112px;padding:12px 6px 10px}.dq-tile .ic{font-size:30px}

/* khung huong dan tren danh sach bai hoc */
.dq-eb-note{margin:8px 0 4px;padding:10px 14px;border-left:3px solid var(--ac,#9A6A12);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--ac,#9A6A12) 9%,var(--card,#fff));font-size:13.5px;line-height:1.55}
.dq-eb-note p{margin:0}.dq-eb-note p+p{margin-top:6px}
.dq-eb-note .tag{font-size:11px;padding:1px 7px;border-radius:6px;font-weight:700;white-space:nowrap}