/* Thẻ feedback độc giả kiểu bình luận + khung trượt có mũi tên (17/10/2026). Lời thật của độc giả, không tự viết thêm. */
.bl { display: flex; gap: 10px; align-items: flex-start; max-width: 520px; margin: var(--k-6) 0 0; }
.bl-anh { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; display: grid; place-content: center;
  background: var(--mau-nhan); color: var(--nut-chu); font-weight: 800; font-size: 1.05rem; }
.bl-than { min-width: 0; }
.bl-bong { position: relative; display: inline-block; padding: 8px 14px 10px; border-radius: 18px; background: var(--o-nhap-nen); color: var(--o-nhap-chu); }
.bl-ten { margin: 0 0 2px; font-size: 0.8125rem; font-weight: 700; }
.bl-bong blockquote { margin: 0; }
.bl-bong blockquote p { margin: 0; font-size: 0.9375rem; line-height: 1.45; }
.bl-cam { position: absolute; right: -6px; bottom: -10px; display: inline-flex; align-items: center; gap: 3px; padding: 1px 7px 1px 4px;
  border-radius: var(--bo-tron); background: var(--o-nhap-nen); box-shadow: var(--bong); font-size: 0.75rem; color: var(--o-nhap-chu); }
.bl-cam svg { width: 14px; height: 14px; color: var(--mau-nhan-dam); }
.bl-duoi { margin: 6px 0 0 12px; font-size: 0.75rem; font-weight: 600; color: var(--mau-chu-phu); }

.bl-truot { position: relative; max-width: 720px; margin: 0 auto var(--k-6); }
.bl-tieu-de { margin: 0 0 var(--k-3); font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mau-nhan); }
.bl-ray { display: flex; gap: var(--k-4); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 18px; }
.bl-ray::-webkit-scrollbar { display: none; }
.bl-ray > .bl { flex: 0 0 100%; margin: 0; scroll-snap-align: start; max-width: none; }
@media (min-width: 760px) { .bl-ray > .bl { flex-basis: calc(50% - var(--k-2)); } }
.bl-dieu-khien { display: flex; align-items: center; justify-content: center; gap: var(--k-3); }
.bl-nut { width: 40px; height: 40px; border-radius: 50%; display: grid; place-content: center; cursor: pointer;
  background: transparent; color: var(--mau-chu); border: 1.5px solid var(--nut-phu-vien); transition: background .15s, opacity .15s; }
.bl-nut:hover:not(:disabled) { background: var(--nut-phu-nen-hover); }
.bl-nut:disabled { opacity: .35; cursor: default; }
.bl-nut:focus-visible { outline: none; box-shadow: var(--focus-vong); }
.bl-nut svg { width: 18px; height: 18px; }
.bl-cham { display: flex; gap: 6px; }
.bl-cham button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: var(--bo-tron); background: var(--the-vien); cursor: pointer; transition: width .2s, background .2s; }
.bl-cham button[aria-current='true'] { width: 22px; background: var(--mau-nhan); }
.bl-mot .bl-dieu-khien { display: none; }