/* Quy định mới (cụm K1). Dùng token màu của app.css; mobile-first, rộng tối đa 860px. */
.qd{padding:0 16px 28px;max-width:860px}
.qd-filter{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0 4px}
.qd-filter::-webkit-scrollbar{display:none}
.qd-filter .chip{min-height:40px;padding:0 14px;color:var(--ink);text-decoration:none}
.qd-filter .chip.on{padding:0 14px}
.qd-n{font-variant-numeric:tabular-nums;color:var(--ink-3);font-weight:500}
.qd-filter .chip.on .qd-n{color:inherit}
.qd-year{margin:18px 0 8px;font:600 12.5px/1.3 var(--f-ui);color:var(--ink-3);text-transform:none;letter-spacing:.01em}
.qd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.qd-card{position:relative;display:grid;gap:5px;padding:14px 44px 14px 16px;background:var(--sheet);border:1px solid var(--rule-2);border-radius:var(--r-lg);color:var(--ink);text-decoration:none;min-width:0}
.qd-card:hover{border-color:var(--rule)}
.qd-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.qd-card b{font-size:15.5px;line-height:1.35}
.qd-card .qd-sum{font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.qd-card small{font-size:12.5px;color:var(--ink-3)}
.qd-card > .ic{position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(-90deg);color:var(--ink-3)}
.qd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;color:var(--ink-3);margin:0}
.qd .g-note{padding:16px 0 0}

.qd-doc{padding-top:14px}
.qd-title{margin:8px 0 6px;font:700 19px/1.35 var(--f-ui);overflow-wrap:anywhere}
.qd-lead{margin:0 0 12px;color:var(--ink-2);font-size:14.5px;line-height:1.55}
.qd-dl{margin:0;background:var(--sheet);border:1px solid var(--rule-2);border-radius:var(--r-lg);padding:2px 14px}
.qd-dl div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 0;border-top:1px solid var(--rule-2)}
.qd-dl div:first-child{border-top:0}
.qd-dl dt{font-size:12.5px;color:var(--ink-3)}
.qd-dl dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.qd-dl a{color:var(--accent)}
.qd-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.qd-actions .btn-primary,.qd-actions .btn-ghost{flex:1 1 200px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;text-decoration:none;color:inherit}
.qd-actions .btn-primary{color:var(--brand-ink,var(--band-ink))}
.qd-actions .ic{width:18px;height:18px}
.qd-sec{margin-top:22px}
.qd-sec > h2{margin:0 0 8px;font:700 16.5px/1.3 var(--f-ui)}
.qd-aud{margin:14px 0 6px;font:600 13.5px/1.3 var(--f-ui);color:var(--ink-2)}
.qd-changes{margin:0;padding:0;list-style:none;counter-reset:qd;background:var(--sheet);border:1px solid var(--rule-2);border-radius:var(--r-lg)}
.qd-changes li{counter-increment:qd;position:relative;padding:12px 14px 12px 44px;border-top:1px solid var(--rule-2)}
.qd-changes li:first-child{border-top:0}
.qd-changes li::before{content:counter(qd);position:absolute;left:14px;top:12px;width:22px;height:22px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:600 12px/22px var(--f-ui);text-align:center}
.qd-changes p{margin:0;font-size:14.5px;line-height:1.55}
.qd-cites{display:block;margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.qd-cites a{color:var(--ink-3);text-decoration:underline;text-underline-offset:2px}
.qd-cites a:hover{color:var(--accent)}
.qd-transit{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-lg);background:var(--gold-soft);color:var(--ink)}
.qd-transit > .ic{flex:none;width:20px;height:20px;margin-top:2px;color:var(--gold)}
.qd-transit p{margin:0;font-size:14.5px;line-height:1.55}
.qd-guide{padding:0}
.qd-guide a{padding:12px 44px 12px 14px}
@media (min-width:760px){
  .qd{padding:0 24px 32px}
  .qd-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .qd-dl div:nth-child(2){border-top:0}
  .qd-actions .btn-primary,.qd-actions .btn-ghost{flex:0 0 auto}
}

/* Dạng danh sách (01/11): các văn bản thành dòng trong một khung, tóm tắt tối đa 2 dòng. */
.qd-list{gap:0;background:var(--sheet);border:1px solid var(--rule-2);border-radius:var(--r-lg);overflow:hidden}
.qd-list>li+li .qd-card{border-top:1px solid var(--rule-2)}
.qd-card{border:0;border-radius:0;padding:12px 44px 12px 16px;gap:3px}
.qd-card:hover{background:var(--sheet-2)}
.qd-card .qd-sum{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:1024px){
  .qd-card{grid-template-columns:minmax(220px,300px) minmax(0,1fr);column-gap:20px;align-items:start}
  .qd-card .qd-meta{grid-column:1;grid-row:2}
  .qd-card b{grid-column:1;grid-row:1}
  .qd-card .qd-sum{grid-column:2;grid-row:1 / span 2}
  .qd-card small{grid-column:1 / -1}
}
.qd-off{background:var(--muted-soft);color:var(--ink-2)}
.qd-expired{display:flex;gap:10px;align-items:flex-start;margin:6px 0 12px;padding:12px 14px;border-radius:var(--r-lg);background:var(--muted-soft);color:var(--ink)}
.qd-expired > .ic{flex:none;width:20px;height:20px;margin-top:2px;color:var(--ink-2)}
.qd-expired p{margin:0;font-size:14.5px;line-height:1.55}