/* Trang di chuyển (di_chuyen_chang.html, di_chuyen_thanh_pho.html). Màu lấy từ tokens.css. */
/* .dc-chan: khung chân trang ở base.html, cùng bề rộng + lề ngang với cột */
.dc-trang, .dc-chan { max-width: 820px; margin: 0 auto; padding: 1.5rem 1rem 3rem; }
.dc-tro { color: var(--mt-text-muted, var(--mt-muted)); font-size: .9rem; margin: 0 0 .35rem; }
.dc-tieu-de { font-size: clamp(1.4rem, 2.6vw, 1.9rem); font-weight: 600; line-height: 1.3; margin: 0 0 .5rem; }
.dc-cap-nhat { color: var(--mt-text-muted, var(--mt-muted)); font-size: .85rem; margin: 0 0 1.25rem; }

.dc-bang-khung { overflow-x: auto; border: 1px solid rgba(0, 77, 67, .15); border-radius: 12px; }
.dc-bang { width: 100%; border-collapse: collapse; font-size: .95rem; }
.dc-bang th, .dc-bang td { padding: .65rem .8rem; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(0, 77, 67, .1); }
.dc-bang th { background: var(--mt-primary-soft); color: var(--mt-primary); font-weight: 600; }
.dc-bang tr.dc-khuyen td { background: rgba(0, 77, 67, .04); }
.dc-nhan { display: inline-block; margin-left: .35rem; padding: .1rem .5rem; border-radius: 999px;
           background: var(--mt-primary); color: var(--mt-on-primary); font-size: .75rem; }

.dc-meo { margin: 1rem 0 0; padding: .75rem 1rem; border-left: 3px solid var(--mt-primary); background: var(--mt-primary-soft); }

.dc-muc { margin-top: 1.75rem; }
.dc-muc h2 { font-size: 1.15rem; font-weight: 600; margin: 0 0 .75rem; }
.dc-the-khung { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.dc-the { border: 1px solid rgba(0, 77, 67, .15); border-radius: 12px; padding: .9rem 1rem; }
.dc-the-tuyen { font-weight: 600; margin: 0 0 .35rem; }
.dc-the-dong { display: flex; flex-wrap: wrap; gap: .25rem .9rem; margin: 0 0 .4rem; font-size: .92rem; color: var(--mt-primary); }
.dc-the-chu { margin: .2rem 0 0; font-size: .92rem; }
.dc-canh-bao { color: var(--mt-note-text); }   /* lưu ý, không phải lỗi */

.dc-hanh-dong { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.75rem; }
.dc-nut { display: inline-block; padding: .6rem 1rem; border-radius: 999px; text-decoration: none; font-weight: 600;
          background: var(--mt-primary); color: var(--mt-on-primary); }
.dc-nut-phu { background: var(--mt-primary-soft); color: var(--mt-primary); }