/* Trang chi tiết phân hệ — khu vực + lightbox (01/11/2026). Đi kèm phan-he-ct.js */
.kv-gioi{max-width:75ch;color:var(--chu);margin:8px 0 16px}
.kv-muc{position:sticky;top:calc(var(--hd,118px) - 1px);z-index:40;background:var(--nen);padding:8px 0 6px;margin:0 0 16px;box-shadow:0 6px 10px -8px rgba(15,35,70,.35);border-bottom:1px solid var(--vien)}
.kv-muc::before{content:'';position:absolute;left:-100vw;right:-100vw;top:0;bottom:0;background:var(--nen);z-index:-1}
.kv-muc b{display:block;font-size:12px;color:var(--nhat);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.kv-chip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.kv-chip .chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.kv-chip .chip.dang{background:var(--m,#4f84c4);color:#fff;border-color:var(--m,#4f84c4)}.kv-chip .chip.dang .kv-stt{background:#fff;color:var(--m,#4f84c4)}
.kv-chip-yc{border-style:dashed!important}
.kv-stt{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:50%;background:var(--m,#4f84c4);color:#fff;font-size:12px;font-weight:700}
.kv-the{margin:0 0 20px;scroll-margin-top:calc(var(--hd,118px) + 96px)}
.kv-the h2{display:flex;align-items:center;gap:10px;font-size:var(--h3,20px);margin:0 0 12px}
.kv-the h2 .kv-stt{min-width:30px;height:30px;font-size:15px}
.kv-hinh{margin:0 0 12px}
.kv-cuon{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid var(--vien);background:#fff}
.kv-phong{display:block;padding:0;margin:0;border:0;background:none;cursor:zoom-in;width:100%;touch-action:pan-x pan-y}
.kv-phong img{display:block;width:100%;height:auto}
.kv-hinh figcaption{font-size:13px;color:var(--nhat);margin-top:6px}
.kv-so{background:color-mix(in srgb,var(--m,#4f84c4) 7%,transparent);border-left:3px solid var(--m,#4f84c4);border-radius:8px;padding:8px 12px;margin:0 0 12px}
.kv-so h3{font-size:14px;margin:0 0 4px;color:#c2410c}
.kv-so ol{margin:0;padding-left:1.4em}.kv-so li{margin:2px 0}
.kv-so li::marker{color:var(--m,#4f84c4);font-weight:700}
.kv-luoi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.kv-o{border:1px solid var(--vien);border-radius:10px;padding:10px 12px}
.kv-o h3{font-size:14px;margin:0 0 4px;color:var(--dam)}[data-theme=toi] .kv-o h3{color:#9cc3f0}
.kv-o p{margin:0;color:var(--chu);font-size:15px}
.kv-qd{border-color:#16a34a;background:rgba(22,163,74,.06)}
.kv-nguong{border-color:#ff8a00;background:rgba(255,138,0,.06)}
.kv-yc-nhan{color:var(--nhat);font-style:italic;margin:0 0 10px}
.kv-tq{margin:28px 0 8px}.kv-tom{margin:16px 0}
/* điện thoại: ảnh đủ to để đọc → giữ tối thiểu 720px, cuộn ngang */
@media (max-width:700px){.kv-muc b{display:none}.kv-the{padding:12px}}
.kv-phong picture{display:block}
.kv-goi{font-size:13px;color:var(--nhat);margin:-6px 0 10px}
.kv-luong{display:block;width:100%;height:auto;max-width:1100px;margin:4px auto}
.kv-nho{display:block;width:100%;height:120px;object-fit:cover;object-position:top left;border-radius:8px;border:1px solid var(--vien);margin:0 0 8px;cursor:zoom-in}
.kv-qt-anh li{display:flex;gap:10px;align-items:center;margin:6px 0}.kv-qt-anh li .kv-nho{width:96px;height:60px;flex:0 0 96px;margin:0}
/* quay lại danh sách: thẻ vừa mở nháy viền 1,5 giây (site.js khoiPhucVT) */
@keyframes vtNhay{0%,100%{box-shadow:0 0 0 0 rgba(255,138,0,0)}30%,70%{box-shadow:0 0 0 4px rgba(255,138,0,.85)}}
.vt-nhay{animation:vtNhay .75s ease-in-out 2;outline:none}
.kv-trang{min-width:0;max-width:100%}.kv-muc{min-width:0;max-width:100%;overflow:hidden;overflow:clip}.kv-chip{min-width:0;max-width:100%;overflow-x:auto}
/* Tran 01/11/2026: trang bên trong chỉ dùng xanh thương hiệu (nút, số thứ tự, đánh dấu); hạn chế nhiều màu */
.kv-trang{--m:#4f84c4!important}
.kv-trang .khoi-nhan{background:#4f84c4!important}