/* ---------- Bài viết: danh sách + chi tiết (dữ liệu thật từ K:\coway\blog) ---------- */
.bv-bar{margin-bottom:10px;gap:10px}
.bv-chips>span{cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.bv-chips i{font-style:normal;font-size:11px;opacity:.7}
.bv-sbox{display:flex;gap:6px;align-items:center;border:1.5px solid var(--ink);border-radius:999px;padding:3px 4px 3px 12px;background:#fff;min-width:240px}
.bv-q{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:13.5px;background:transparent}
.bv-go{cursor:pointer;padding:2px 6px}
.bv-count{margin:6px 0 14px}
.bv-card{cursor:pointer;transition:box-shadow .15s}
.bv-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)}
.bv-grid{align-items:stretch}
.bv-card .bv-img{aspect-ratio:16/10;height:auto!important;border-radius:6px;background-size:cover!important}
.sr-post .bv-img{width:140px;aspect-ratio:16/10;height:auto!important;flex:none}
.mobile .sr-post .bv-img{width:100px}
.blf-big .bv-img{aspect-ratio:16/9;height:auto!important}
.bv-ten{font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bv-tt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.bv-meta{margin-top:auto}
.bv-cd{color:#b35c00;font-weight:600;font-style:normal;font-size:11.5px}
.bv-nobody-tag{color:var(--danger);font-weight:600}
/* chi tiết */
.bvp{display:grid;grid-template-columns:330px 1fr;gap:28px;align-items:start}
.mobile .bvp{grid-template-columns:1fr}
.bvp>*{min-width:0}
.bvp-side{background:var(--paper);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:auto}
.mobile .bvp-side{position:static;max-height:none}
.bvp-cats{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.mobile .bvp-cats{flex-direction:row;overflow-x:auto;gap:14px;scrollbar-width:none}
.bvp-cat{font-size:15px;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;padding:2px 0}
.bvp-cat i{font-style:normal;font-size:11px;opacity:.75}
.bvp-cat.on{color:var(--ink);font-weight:700}
.bvp-cat.on::after{content:'';width:40px;height:3px;background:var(--ink);flex:none}
.mobile .bvp-cat.on::after{width:16px}
.bvp-h{font-size:17px;font-weight:800}
.bvp-posts{display:flex;flex-direction:column;gap:10px}
.bvp-post{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start;cursor:pointer;padding:4px;border-radius:8px;font-size:13.5px;line-height:1.35}
.bvp-post .bv-img{aspect-ratio:16/10;height:auto!important}
.bvp-post.on{background:#fff;box-shadow:0 0 0 1.5px var(--ui)}
.bvp-pt{display:flex;flex-direction:column;gap:3px}
.bv-more{cursor:pointer;color:var(--ui);font-size:13px;align-self:flex-start}
.bvp-main{display:flex;flex-direction:column;gap:12px;font-size:15.5px;line-height:1.75}
.bvp-title{font-size:28px;line-height:1.3}
.mobile .bvp-title{font-size:21px}
.bvp-tag{font-weight:600}
.bv-ed{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12.5px;border:1px dashed var(--line);border-radius:8px;padding:6px 10px;background:var(--paper)}
.bv-ed select{font:inherit;font-size:12.5px;padding:3px 6px;border:1px solid var(--line);border-radius:6px}
.bv-ed b{cursor:pointer;color:var(--ui)}
.bv-body{display:flex;flex-direction:column;gap:12px}
.bv-body h2{font-size:21px;margin-top:10px;line-height:1.35}
.bv-body h3{font-size:17px;margin-top:6px}
.bv-body h4{font-size:15.5px}
.bv-body ul,.bv-body ol{padding-left:24px;display:flex;flex-direction:column;gap:4px}
.bv-body img{max-width:100%;height:auto;display:block;margin:6px auto;border-radius:8px}
.bv-body figure{margin:0;text-align:center}
.bv-body figcaption{font-size:12.5px;color:var(--muted)}
.bv-body table{border-collapse:collapse;width:100%;font-size:14px}
.bv-body td,.bv-body th{border:1px solid var(--line);padding:6px 10px;vertical-align:top}
.bv-body blockquote{border-left:4px solid var(--ui);padding:8px 16px;background:var(--paper)}
.bv-body iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px}
.bv-nobody{border:2px dashed var(--line);border-radius:10px;padding:18px;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.bv-loading{padding:20px 0}
body.shot .bv-card.wf-hid,body.shot .bvp-post.wf-hid{display:none!important}
/* bản nháp chờ duyệt */
.bv-chip-nhap,.bv-cat-nhap{color:#b35c00!important}
.bv-chip-nhap.on{background:#b35c00!important;border-color:#b35c00!important;color:#fff!important}
.bv-card{position:relative}
.bv-nhap-tag{position:absolute;top:18px;left:18px;background:#b35c00;color:#fff;font-size:11px;font-weight:700;border-radius:6px;padding:2px 8px;z-index:1}
.bv-nhap-bar{border:2px dashed #b35c00;background:#fff7ee;border-radius:10px;padding:10px 14px;font-size:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#5a3a10}
.bv-nhap-bar .btn{cursor:pointer}
body.shot .bv-card.bv-nhap{display:none!important}