/* Xem bói biển số xe – điểm tổng hợp, hình quẻ Kinh Dịch, thẻ khía cạnh cuộc sống.
   Dùng chung khung .tpv-tsh/.tpv-tv/.tpv-report (assets/tu-vi/tu-vi.css) nên chỉ thêm phần riêng. */

.tpv-bsx-score { text-align: center; margin: 10px 0 4px; }
.tpv-bsx-score__num { font-size: 40px; font-weight: 700; color: #e8c77d; line-height: 1; }
.tpv-bsx-score__max { font-size: 16px; font-weight: 500; opacity: .7; margin-left: 2px; }
.tpv-bsx-score__label { display: block; font-size: 12px; opacity: .8; margin-top: 4px; }

.tpv-bsx-que { color: #e8c77d; display: block; margin: 4px auto 6px; }

.tpv-bsx-khia { margin-bottom: 16px; }
.tpv-bsx-khia h4 { margin: 0 0 4px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }

.tpv-bsx-tag { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 10px; border-radius: 999px; white-space: nowrap; }
.tpv-bsx-tag--tot { background: rgba(76, 175, 125, .18); color: #6fd6a4; }
.tpv-bsx-tag--binh { background: rgba(180, 180, 180, .18); color: #c4c4c4; }
.tpv-bsx-tag--xau { background: rgba(224, 122, 122, .18); color: #f0a0a0; }

html.tpv-light .tpv-bsx-tag--tot { color: #1f8a5a; }
html.tpv-light .tpv-bsx-tag--binh { color: #666; }
html.tpv-light .tpv-bsx-tag--xau { color: #b3392f; }