/* ═══ ĐỐ VUI KINH ĐIỂN — kiểu trình bày ═══ */

#do-kinh{margin:0 0 40px;min-width:0;}
#do-kinh button{width:auto;}            /* chặn button{width:100%} của css/style.css */

/* ── bảng tiến bộ ── */
.dk-bang-tien{
  display:grid;gap:12px;margin:0 0 30px;
  grid-template-columns:repeat(auto-fit,minmax(min(130px,45%),1fr));
}
.dk-bang-tien div{
  min-width:0;text-align:center;padding:16px 10px;border-radius:3px;
  background:linear-gradient(135deg,#2a2013,#43331c);color:#f5efe3;
}
.dk-bang-tien b{display:block;font-family:var(--display,'Playfair Display',Georgia,serif);
  font-size:1.9rem;line-height:1;color:#ffd97a;}
.dk-bang-tien span{font-family:var(--mono,'Montserrat',sans-serif);font-size:.52rem;
  letter-spacing:.16em;text-transform:uppercase;color:rgba(245,239,227,.66);}

/* ── câu hỏi hôm nay ── */
.dk-homnay{
  background:#fff;border:1px solid var(--rule,rgba(60,40,10,.18));
  border-left:4px solid var(--accent,#7a1f1f);border-radius:3px;
  padding:22px 24px;margin:0 0 34px;min-width:0;
}
.dk-hn-nhan{font-family:var(--mono,'Montserrat',sans-serif);font-size:.54rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--accent,#7a1f1f);}
.dk-hn-q{font-family:var(--display,'Playfair Display',Georgia,serif);font-size:1.2rem;
  font-weight:700;line-height:1.4;margin:8px 0 12px;overflow-wrap:anywhere;}
.dk-hn-o{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.dk-hn-o span{font-size:.86rem;padding:6px 12px;border-radius:2px;
  background:rgba(201,150,59,.12);overflow-wrap:anywhere;}
.dk-hn-nut,.dk-tiep{
  font-family:var(--mono,'Montserrat',sans-serif);font-size:.6rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;padding:11px 20px;border:none;border-radius:2px;
  background:var(--accent,#7a1f1f);color:#faf7f2;cursor:pointer;transition:background .18s;
}
.dk-hn-nut:hover,.dk-tiep:hover{background:var(--gold-dark,#8b6914);}
.dk-tiep.dk-phu{background:rgba(60,40,10,.5);}
.dk-hn-gt{margin-top:14px;padding-top:14px;border-top:1px solid var(--rule,rgba(60,40,10,.18));}
.dk-hn-gt b{color:var(--accent,#7a1f1f);}
.dk-hn-gt p{font-size:.92rem;line-height:1.7;margin:6px 0 8px;}

/* ── lưới chọn phần ── */
.dk-h3{font-family:var(--display,'Playfair Display',Georgia,serif);font-size:1.4rem;
  font-weight:700;margin:34px 0 6px;padding-bottom:10px;
  border-bottom:1px solid var(--rule,rgba(60,40,10,.18));}
.dk-h3 small{display:block;font-size:.85rem;font-weight:400;font-style:italic;
  color:var(--ink-soft,rgba(26,18,8,.62));margin-top:4px;}
.dk-luoi{display:grid;gap:14px;margin:20px 0 10px;
  grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));}
.dk-the{
  display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;
  padding:20px 18px;background:#fff;border:1px solid var(--rule,rgba(60,40,10,.18));
  border-top:3px solid var(--gold,#c9963b);border-radius:3px;cursor:pointer;
  font-family:inherit;color:inherit;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.dk-the:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(60,40,10,.15);
  border-color:var(--gold,#c9963b);}
.dk-the-all{border-top-color:var(--accent,#7a1f1f);background:#faf7f0;}
.dk-bieu{font-family:var(--display,'Playfair Display',Georgia,serif);font-size:1.5rem;
  font-weight:700;color:var(--gold,#c9963b);line-height:1;margin-bottom:8px;}
.dk-ten{font-family:var(--display,'Playfair Display',Georgia,serif);font-size:1.14rem;
  font-weight:700;line-height:1.3;overflow-wrap:anywhere;}
.dk-en{font-family:var(--mono,'Montserrat',sans-serif);font-size:.54rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-dark,#8b6914);margin:3px 0 7px;}
.dk-mo{font-size:.85rem;line-height:1.6;color:var(--ink-soft,rgba(26,18,8,.68));flex:1;}
.dk-so{font-family:var(--mono,'Montserrat',sans-serif);font-size:.52rem;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(60,40,10,.45);margin-top:10px;}
.dk-track{display:block;width:100%;height:5px;border-radius:3px;
  background:rgba(60,40,10,.12);overflow:hidden;margin-top:9px;}
.dk-track > span{display:block;height:100%;background:linear-gradient(90deg,var(--gold,#c9963b),#e0b45f);}
.dk-track-lon{height:7px;margin:0 0 24px;}
.dk-pct{font-family:var(--mono,'Montserrat',sans-serif);font-size:.52rem;letter-spacing:.1em;
  color:var(--accent,#7a1f1f);margin-top:5px;}

/* ── huy hiệu ── */
.dk-huy{display:grid;gap:10px;margin:18px 0 30px;
  grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));}
.dk-hh{min-width:0;padding:12px 14px;border-radius:3px;border:1px dashed rgba(60,40,10,.25);
  background:rgba(60,40,10,.03);opacity:.5;}
.dk-hh.co{opacity:1;border-style:solid;border-color:var(--gold,#c9963b);
  background:linear-gradient(135deg,#f5edd8,#ede0c4);}
.dk-hh b{display:block;font-family:var(--display,'Playfair Display',Georgia,serif);font-size:.98rem;}
.dk-hh span{font-size:.76rem;color:var(--ink-soft,rgba(26,18,8,.66));line-height:1.5;}

.dk-solai{font-size:.9rem;line-height:1.7;padding:14px 18px;border-radius:3px;
  background:rgba(122,31,31,.07);border-left:3px solid var(--accent,#7a1f1f);}

/* ── làm bài ── */
.dk-thanh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  flex-wrap:wrap;margin-bottom:9px;font-family:var(--mono,'Montserrat',sans-serif);
  font-size:.58rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent,#7a1f1f);}
.dk-dem{color:var(--ink-soft,rgba(26,18,8,.55));}
.dk-q{font-family:var(--display,'Playfair Display',Georgia,serif);font-size:1.42rem;
  font-weight:700;line-height:1.42;margin:0 0 4px;overflow-wrap:anywhere;}
.dk-qe{font-size:.9rem;font-style:italic;color:var(--ink-soft,rgba(26,18,8,.6));
  margin-bottom:20px;overflow-wrap:anywhere;}
.dk-dap{display:flex;flex-direction:column;gap:10px;margin:18px 0;}
.dk-nut{
  display:flex;align-items:flex-start;gap:12px;text-align:left;min-width:0;
  padding:15px 18px;background:#fff;border:1px solid var(--rule,rgba(60,40,10,.2));
  border-radius:3px;cursor:pointer;font-family:var(--serif,'EB Garamond',Georgia,serif);
  font-size:1.02rem;line-height:1.5;color:inherit;transition:all .16s ease;
}
.dk-nut:hover:not(:disabled){border-color:var(--gold,#c9963b);background:rgba(201,150,59,.08);}
.dk-nut:disabled{cursor:default;}
.dk-chu{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;background:rgba(60,40,10,.1);
  font-family:var(--mono,'Montserrat',sans-serif);font-size:.62rem;font-weight:700;}
.dk-nut.dk-dung{border-color:#2e7d32;background:rgba(46,125,50,.1);}
.dk-nut.dk-dung .dk-chu{background:#2e7d32;color:#fff;}
.dk-nut.dk-sai{border-color:var(--accent,#7a1f1f);background:rgba(122,31,31,.09);}
.dk-nut.dk-sai .dk-chu{background:var(--accent,#7a1f1f);color:#fff;}

.dk-giai{padding:18px 20px;border-radius:3px;margin:6px 0 18px;min-width:0;}
.dk-giai.g-dung{background:rgba(46,125,50,.08);border-left:4px solid #2e7d32;}
.dk-giai.g-sai{background:rgba(122,31,31,.07);border-left:4px solid var(--accent,#7a1f1f);}
.dk-kq{font-family:var(--mono,'Montserrat',sans-serif);font-size:.6rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;}
.g-dung .dk-kq{color:#2e7d32;} .g-sai .dk-kq{color:var(--accent,#7a1f1f);}
.dk-giai p{font-size:.95rem;line-height:1.75;margin:8px 0 0;}
.dk-daung{font-size:1rem!important;}
.dk-ge{font-size:.85rem!important;font-style:italic;color:var(--ink-soft,rgba(26,18,8,.62));
  padding-left:14px;border-left:2px solid var(--rule,rgba(60,40,10,.2));}
.dk-nguon{display:block;margin-top:12px;font-family:var(--mono,'Montserrat',sans-serif);
  font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-dark,#8b6914);overflow-wrap:anywhere;}
.dk-lien{background:none;border:none;padding:0;font:inherit;color:var(--accent,#7a1f1f);
  text-decoration:underline;cursor:pointer;}

/* ── kết quả ── */
.dk-xong{text-align:center;padding:34px 24px;border-radius:3px;min-width:0;
  background:linear-gradient(135deg,#2a2013,#43331c);color:#f5efe3;}
.dk-xong-nhan{font-family:var(--mono,'Montserrat',sans-serif);font-size:.55rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:#ffd97a;}
.dk-xong-so{font-family:var(--display,'Playfair Display',Georgia,serif);font-size:3.2rem;
  font-weight:700;line-height:1.1;color:#fff;margin:8px 0 0;}
.dk-xong-pct{font-family:var(--mono,'Montserrat',sans-serif);font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(245,239,227,.7);}
.dk-xong p{font-size:1rem;line-height:1.7;color:rgba(245,239,227,.9);margin:16px auto 0;max-width:440px;}
.dk-huymoi{margin-top:16px;font-size:.9rem;color:#ffd97a;}
.dk-xong-nut{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px;}

@media(max-width:560px){
  .dk-q{font-size:1.18rem;}
  .dk-xong-so{font-size:2.4rem;}
  .dk-nut{padding:13px 14px;font-size:.96rem;}
  .dk-bang-tien b{font-size:1.5rem;}
}
@media print{ .dk-luoi,.dk-dap,.dk-tiep,.dk-hn-nut{display:none;} }