/* ---------- Trang Blog: mỗi nhóm bài viết 1 hàng kiểu tiêu đề trái + ảnh lớn (js/49-blog-nhom.js) ---------- */
.blg-g{margin-bottom:34px}
.blg-g:last-of-type{border-bottom:0}
.blg-g .sc-side{width:330px}
.blg-n{font-size:13px;font-weight:600;color:var(--muted);vertical-align:middle;margin-left:4px}
.blg-more{color:var(--ui);cursor:pointer;margin-top:8px;display:inline-block}
.blg-more:hover{text-decoration:underline}
.blg-list{display:flex;flex-direction:column;gap:14px;margin-top:30px}
.blg-li{font-size:14px;line-height:1.45;color:var(--muted);cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-left:0;transition:padding .2s,color .2s}
.blg-li.on{color:var(--ink);font-weight:700;font-size:15px;padding-left:44px;position:relative}
.blg-li.on::before{content:"";position:absolute;left:0;top:.72em;width:32px;height:1.5px;background:var(--ink)}
.blg-hero{cursor:pointer;border-radius:8px}
.blg-hero>.ph{aspect-ratio:16/9;border-radius:0;background-size:cover!important;background-color:#e8eef5!important}
.blg-hero .pkc-cap{padding:70px 26px 20px;background:linear-gradient(transparent,rgba(15,22,32,.78))}
.blg-hero .pkc-cap b{font-size:20px!important;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blg-tt{font-size:13px;line-height:1.5;opacity:.92;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blg-ng{font-size:12px;opacity:.75;margin-top:4px}
.blg-hero:hover .pkc-cap b{text-decoration:underline}
.blg-note{margin-top:4px;padding:8px 12px;border-radius:8px;background:var(--paper)}
/* mobile: tên nhóm, ảnh lớn, rồi danh sách bài */
.mobile .blg-g .sc-side{width:auto;display:contents}
.mobile .blg-g{display:grid;grid-template-columns:1fr auto;gap:10px 12px}
.mobile .blg-g .title{grid-column:1;align-self:center}
.mobile .blg-g .blg-more{grid-column:2;align-self:center;margin:0}
.mobile .blg-g .sc-main{grid-column:1/-1;order:2}
.mobile .blg-g .blg-list{grid-column:1/-1;order:3;margin-top:4px;gap:10px}
.mobile .blg-hero .pkc-cap{padding:50px 16px 14px}
.mobile .blg-hero .pkc-cap b{font-size:16px!important}
.mobile .blg-li.on{padding-left:30px}.mobile .blg-li.on::before{width:20px}