/* ===== Bài 3 — Tăng tàn 1–5 (dùng chung bai-1.css, bai-2.css) ===== */

/* bảng 13 điều: hàng đang học */
table.cmp.b3 td,table.cmp.b3 th{text-align:left;vertical-align:top;font-size:.9rem;line-height:1.45}
table.cmp.b3 tr.on td{background:color-mix(in srgb,var(--c,var(--acc)) 10%,var(--card))}

/* bảng ba yếu tố của điều 1 */
table.cmp.tt3 td{font-size:1rem}
table.cmp.tt3 td:first-child,table.cmp.tt3 th:first-child{text-align:center}
table.cmp.tt3 th small{font-family:var(--sans);font-size-adjust:none;font-weight:600;color:var(--muted)}
table.cmp.tt3 tr.dim td{color:var(--muted);font-size:.88rem}
table.cmp.tt3 .vd{margin:0}

/* ba bước của người mai mối (điều 5) */
.b3s{margin:10px 0 14px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--c) 6%,var(--card));border:1px solid color-mix(in srgb,var(--c) 25%,var(--line))}
.b3s-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:stretch}
.b3s-b{font:inherit;color:var(--ink);text-align:left;cursor:pointer;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--card);border:1.5px dashed color-mix(in srgb,var(--muted) 45%,var(--line));opacity:.7;transition:background .15s,border-color .15s,opacity .15s}
.b3s-b .n{grid-row:span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;color:var(--muted);background:color-mix(in srgb,var(--muted) 14%,var(--card))}
.b3s-b b{font-size:.98rem;line-height:1.25}
.b3s-b small{color:var(--muted);font-size:.8rem;line-height:1.35}
.b3s-b[aria-pressed="true"]{opacity:1;border-style:solid;border-color:color-mix(in srgb,var(--c) 60%,var(--card));background:color-mix(in srgb,var(--c) 12%,var(--card))}
.b3s-b[aria-pressed="true"] .n{color:#fff;background:var(--c)}
.b3s-ar{align-self:center;color:var(--muted);font-weight:800}
.b3s-out{margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:.95rem}
.b3s-out .vd{font-size:.78rem}
@media(max-width:640px){.b3s-row{grid-template-columns:1fr}.b3s-ar{justify-self:center;transform:rotate(90deg);line-height:1}}