/* Page content under the Quay Thử tool (scoped to .qc). Uses the site's own palette:
   border #d9d3cb, zebra/head #f3f3f3, highlight #fff2bc, accent orange #ff6600, red #dd4b39, link #0505a7. */
.qc,.qc *{box-sizing:border-box}
.qc{background:#fff;color:#212529;font-size:15px;line-height:1.6;padding:6px 12px 16px;max-width:1190px;margin:0 auto}
.qc h2{margin:22px 0 8px;padding:0 0 6px;border-bottom:2px solid #ff6600;font-size:19px;line-height:1.3;font-weight:700;color:#dd4b39}
.qc h3{margin:14px 0 4px;font-size:16px;line-height:1.35;font-weight:700;color:#212529}
.qc p{margin:8px 0}
.qc a{color:#0505a7;text-decoration:none}
.qc a:hover{text-decoration:underline}
.qc ul,.qc ol{margin:8px 0;padding-left:22px}
.qc li{margin:4px 0}
.qc-lead{background:#fff2bc;border-left:4px solid #ff6600;max-width:1166px;margin:8px auto;padding:9px 12px;font-size:15px;line-height:1.55;color:#212529}
.qc-lead p{margin:0}
.qc-lead a{color:#0505a7}
.qc-facts{display:grid;grid-template-columns:200px 1fr;border:1px solid #d9d3cb;margin:10px 0}
.qc-facts dt,.qc-facts dd{margin:0;padding:7px 10px;border-bottom:1px solid #d9d3cb}
.qc-facts dt{background:#f3f3f3;font-weight:700}
.qc-facts dt:last-of-type,.qc-facts dd:last-of-type{border-bottom:0}
.qc-tbl-wrap{overflow-x:auto;max-width:100%;margin:10px 0}
.qc-tbl{width:100%;border-collapse:collapse;font-size:14px;border:1px solid #d9d3cb}
.qc-tbl th,.qc-tbl td{padding:6px 8px;border:1px solid #d9d3cb;text-align:left;vertical-align:top}
.qc-tbl th{background:#f3f3f3;font-weight:700;white-space:nowrap}
.qc-tbl tbody tr:nth-child(even) td{background:#fafafa}
.qc-tbl tr.is-today td,.qc-tbl tr.is-today th{background:#fff2bc}
.qc-tbl td.n,.qc-tbl th.n{text-align:center;white-space:nowrap}
.qc-tbl td.sp{color:#ff6600;font-weight:700}
.qc-steps{counter-reset:qs;list-style:none;padding:0;margin:10px 0}
.qc-steps li{counter-increment:qs;position:relative;margin:0 0 8px;padding:6px 8px 6px 40px;border:1px solid #d9d3cb;background:#fff}
.qc-steps li:before{content:counter(qs);position:absolute;left:8px;top:6px;width:24px;height:24px;line-height:24px;text-align:center;background:#ff6600;color:#fff;font-weight:700;font-size:13px}
.qc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;list-style:none}
.qc-chips li{margin:0}
.qc-chips a,.qc-chips span{display:inline-block;padding:4px 10px;border:1px solid #d9d3cb;background:#f3f3f3;color:#0505a7;font-size:14px}
.qc-chips span{color:#212529;background:#fff2bc}
.qc-note{margin:14px 0 4px;padding:8px 12px;border:1px solid #e3e3e3;border-left:4px solid #dd4b39;background:#fff8f0;font-size:14px;line-height:1.5;color:#222}
.qc-warn{margin:10px 0;padding:8px 12px;border:1px solid #e3e3e3;border-left:4px solid #ff6600;background:#fff2bc;font-size:14.5px}
.qc-qa{margin:6px 0 0}
.qc-qa h3{margin-top:12px}
.qc-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qc-cols>div{border:1px solid #d9d3cb;padding:2px 10px 6px}
@media (max-width:640px){
  .qc{padding:4px 10px 14px;font-size:15px}
  .qc h2{font-size:17.5px}
  .qc-lead{margin:8px 10px;max-width:none}
  .qc-facts{grid-template-columns:1fr}
  .qc-facts dt{border-bottom:0;padding-bottom:2px}
  .qc-cols{grid-template-columns:1fr}
}