/* Trạng thái lộ trình trên /giao-trinh/ (05/11/2026, việc t_4539cee1677e).
   Chỉ thêm nhãn trạng thái, không đổi màu khối có sẵn. Dùng cho HSK 1, YCT, Người đi làm, Tiếng Việt cho người Trung Quốc. */
.lt-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
.lt-st { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; line-height: 1.2; border-radius: 999px; padding: 4px 11px; white-space: nowrap; text-decoration: none; border: 1.5px solid transparent; font-family: inherit; }
.lt-st::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: none; }
.lt-st.gv { background: #E7F0FE; color: #0B4FB3; border-color: #9CC4FD; }
a.lt-st.gv:hover { background: #0B6CF3; color: #fff; border-color: #0B6CF3; }
.lt-st.cn { background: #F1F5F9; color: #475569; border-color: #CBD5E1; border-style: dashed; }
.lt-st.mo { background: #FFF; color: #0D2C58; border-color: #BECCE0; }
.lt-tag { font-size: 12px; color: #43546B; background: #F4F7FB; border: 1px solid #E4EAF3; border-radius: 999px; padding: 3px 9px; white-space: nowrap; }
.lt-note { font-size: 12px; color: #7C4A03; background: #FEF7E6; border: 1px solid #F6D58E; border-radius: 8px; padding: 3px 9px; line-height: 1.35; }

/* HSK 1: dòng trạng thái nằm dưới mỗi hàng buổi */
.kha-item { border-bottom: 1px solid #EEF2F7; background: #fff; }
.kha-item:last-child { border-bottom: 0; }
.kha-item .kha-row { border-bottom: 0; }
.kha-item .lt-line { margin: 0; padding: 0 18px 10px 64px; }
@media (max-width: 860px) { .kha-item .lt-line { padding: 0 14px 11px 56px; } }

/* YCT: thẻ bài */
.l-card .l-acts .lt-st { align-self: center; }
.l-card span.l-title { cursor: default; }

/* Tab 9: Tiếng Việt cho người Trung Quốc */
.ltv-head h2 { margin: 0; font-size: 26px; color: #0F1C2E; }
.ltv-head p { margin: 4px 0 0; color: #43546B; font-size: 15px; max-width: 860px; }
.ltv-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 6px; }
.ltv-gd { background: #fff; border: 1px solid #D5DEEB; border-radius: 14px; margin-top: 14px; overflow: hidden; }
.ltv-gd h3 { margin: 0; font-size: 16px; color: #0D2C58; padding: 11px 18px; border-bottom: 1px solid #E4EAF3; background: #F4F7FB; }
.ltv-row { display: flex; align-items: flex-start; gap: 14px; padding: 11px 18px; border-bottom: 1px solid #EEF2F7; }
.ltv-row:last-child { border-bottom: 0; }
.ltv-n { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 13px; background: #E4EAF3; color: #0D2C58; flex: none; }
.ltv-t { flex: 1; min-width: 0; font-size: 15px; line-height: 1.4; }
.ltv-t b { font-weight: 700; color: #0F1C2E; }
.ltv-t small { display: block; color: #43546B; font-size: 12.5px; margin-top: 1px; }
.ltv-go { flex: none; align-self: center; font-size: 13.5px; font-weight: 700; color: #0B4FB3; text-decoration: none; border: 1.5px solid #9CC4FD; border-radius: 10px; padding: 7px 12px; white-space: nowrap; }
.ltv-go:hover { background: #E7F0FE; }
@media (max-width: 640px) {
  .ltv-head h2 { font-size: 22px; }
  .ltv-row { flex-wrap: wrap; padding: 11px 14px; gap: 10px; }
  .ltv-go { margin-left: 42px; }
}