/* Mục Đào tạo */
.dt-strip { grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 2fr); }
.dt-strip .dt-note { background: #fff7dd; justify-content: center; } .dt-strip .dt-note span { color: #5b4a10; }
.dt #dtTabs { margin: 18px 0 8px; }
.dt-scroll { padding: 0; overflow: auto; }
.dt-p { margin: 8px 2px 0; }
.dt-mat th.c, .dt-mat td.c { text-align: center; white-space: nowrap; }
.dt-m { font-size: 18px; line-height: 1; } .dt-m.b { color: #2b2b2b; } .dt-m.k { color: #8a8a8a; }
.dt-mods { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.dt-mod { padding: 16px; display: flex; flex-direction: column; gap: 8px; } .dt-mod h3 { margin: 2px 0 0; font-size: 17px; line-height: 1.3; }
.dt-mod img { width: 100%; height: 170px; object-fit: cover; object-position: top; border-radius: 8px; border: 1px solid var(--line); cursor: zoom-in; }
.dt-mod p { margin: 0; font-size: 14px; }
.dt-mod dl { display: grid; grid-template-columns: 78px 1fr; gap: 3px 8px; margin: 0; font-size: 13px; } .dt-mod dt { color: var(--ink-2); } .dt-mod dd { margin: 0; min-width: 0; }
.dt-paths { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 14px; }
.dt-path { padding: 16px; } .dt-path h3 { margin: 0 0 2px; font-size: 17px; } .dt-path ol { margin: 8px 0; padding-left: 20px; font-size: 14px; } .dt-path li { margin-bottom: 3px; }
.dt-fig { margin: 0; } .dt-fig img { width: 100%; display: block; border: 1px solid var(--line); border-radius: 8px; background: #fff; cursor: zoom-in; } .dt-fig figcaption { font-size: 12.5px; color: var(--ink-2); margin-top: 4px; }
.dt-gal { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; } .dt-gal img { height: 150px; object-fit: cover; object-position: top; }
.dt-g.ok { background: #e8f4ec; } .dt-g.DB { background: #fbe6e3; } .dt-g.RN { background: #fdf0da; } .dt-g.NT { background: #fff7dd; } .dt-g.IT { background: #f2f3f0; }
.dt .dt-fig { max-width: 820px; } .dt .dt-gal .dt-fig, .dt .dt-mods .dt-fig { max-width: none; }
.dt > #dtBody > .dt-fig { max-width: 820px; margin: 10px 0 14px; }
.dt .dt-path ul { margin: 8px 0; padding-left: 20px; font-size: 14px; } .dt .dt-path ul li { margin-bottom: 6px; }
.dt .filters { flex-wrap: wrap; } .dt .filters select { max-width: 100%; min-width: 0; }
.dt-loi td { vertical-align: top; } .dt-code { white-space: nowrap; }
@media (max-width: 760px) { .dt-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dt-strip .dt-note { grid-column: 1 / -1; } }