/* ⚠⚠⚠ FILE TỰ SINH — ĐỪNG SỬA Ở ĐÂY ⚠⚠⚠
   Nguồn: src/renderer/css/baigiang-ket-reading-part3.css
   Sửa ở nguồn rồi chạy: node tools/dong-bo-web.js   (§41.10) */
/* LAYOUT 'ket-reading-part3-16-20' — HOÀN THÀNH HỘI THOẠI (CLAUDE.md §32.45). Dùng CHUNG khung
   .kp7-wrap.kp7-2col + .kp7-bank.kp7-side + .kp7-drop của ket-reading-part7 (baigiang.css); file này
   chỉ đổi HÌNH phần hội thoại: lưới 3 cột (số · người nói · lời thoại), ô thả rộng hết dòng. */
.sl.lay-ket-reading-part3-16-20{padding:10px}
.sl.lay-ket-reading-part3-16-20.has-head{padding-top:0}   /* BẮT BUỘC (§32.9): không thì header bị đẩy xuống 10px */

.sl .kp3d-wrap .kp7-passage{line-height:1.35;text-align:left;padding:6px 10px}
.sl .kp3d-dlg{display:grid;grid-template-columns:28px max-content minmax(0,1fr);column-gap:8px;row-gap:3px;align-items:center}
.sl .kp3d-dlg::after{display:none}
.sl .kp3d-dlg .passage-title{grid-column:1/-1;margin-bottom:2px}
.sl .kp3d-row{display:contents}
.sl .kp3d-lbl{grid-column:1/-1;font-size:calc(12px * var(--bgz,1));font-weight:700;color:#64748b;
  text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding-top:2px}
.sl .kp3d-num{text-align:right;font-weight:700;color:#1976D2}
.sl .kp3d-ex .kp3d-num{color:#64748b}
.sl .kp3d-sp{font-weight:700;white-space:nowrap}
.sl .kp3d-txt{min-width:0}
.sl .kp3d-ex .kp3d-sp,.sl .kp3d-ex .kp3d-txt{color:#475569}
.sl .kp3d-exans{display:inline-block;border:1px dashed #94a3b8;border-radius:6px;padding:1px 8px;font-style:italic}

/* Ô thả: block, rộng hết cột lời thoại (khác part7 là ô inline giữa đoạn văn) */
.sl .kp3d-wrap .kp7-drop{display:flex;justify-content:flex-start;width:100%;min-width:0;min-height:26px;margin:0;box-sizing:border-box}
.sl .kp3d-wrap .kp7-drop .ww-chip{display:block;width:100%;box-sizing:border-box;white-space:normal;text-align:left;
  border-radius:6px;font-size:calc(15px * var(--bgz,1));line-height:1.3;padding:2px 8px}
.sl .kp3d-wrap .kp7-drop.kp3d-miss{border-color:var(--orange-primary,#D4740A);background:#fff7ed}
.sl .kp3d-bank .ww-chip{border-radius:6px}
.sl .kp3d-bank .ww-chip.locked{cursor:default}