/* Bài TOÁN SUY LUẬN (gen/logic.js) — tiền tố class: .lg- */

/* lgsymbol: hình thay số */
.lg-sys, .lg-asks { display: flex; flex-direction: column; gap: 4px; margin: 6px 0; }
.lg-asks { margin-top: 12px; padding-top: 8px; border-top: 2px dashed #c9d6e3; }
.lg-eq { font-size: 24px; line-height: 1.9; white-space: nowrap; }
.lg-sym { display: inline-block; min-width: 1.3em; text-align: center; font-size: 28px; vertical-align: middle; }

/* lgstrip: dải ô */
table.lg-strip { border-collapse: collapse; margin: 10px 0; max-width: 100%; }
table.lg-strip td { width: 42px; height: 42px; border: 2px solid #4a5a6a; text-align: center; font-size: 22px; padding: 0; }
table.lg-strip td.lg-y { background: #ffe066; border: 4px double #b8860b; }
table.lg-strip .blank { width: 34px; height: 34px; }

/* lgcycle: dãy hình lặp lại */
.lg-row, .lg-line { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 10px 0; padding: 6px 10px; border: 2px solid #c9d6e3; border-radius: 12px; }
.lg-it { font-size: 30px; line-height: 1.2; }
.lg-dots { font-size: 26px; font-weight: 700; margin-left: 6px; }

/* lgqueue: hàng các bạn */
.lg-end { font-size: 14px; font-weight: 700; color: #5b6b7d; padding: 2px 6px; border: 1px dashed #8a99a8; border-radius: 6px; }

/* lgpens: chuồng */
.lg-clues { margin: 6px 0 10px 1.2em; padding: 0; font-size: 19px; line-height: 1.6; }
.lg-pens { display: flex; gap: 10px; margin: 10px 0; }
.lg-pen { position: relative; width: 56px; height: 50px; border: 2px solid #8a5a2b; border-top: none; border-radius: 0 0 6px 6px; background: #fff8ee; display: flex; align-items: flex-end; justify-content: center; margin-top: 22px; }
.lg-roof { position: absolute; top: -22px; left: -6px; width: 0; height: 0; border-left: 34px solid transparent; border-right: 34px solid transparent; border-bottom: 22px solid #c0603a; }
.lg-pn { font-weight: 700; font-size: 18px; margin-bottom: 4px; }

/* lgequal: nhóm đồ vật, lọ kẹo */
.lg-pile { display: flex; align-items: center; gap: 8px; margin: 6px 0; }
.lg-who { min-width: 3.5em; font-weight: 700; }
.lg-pics { display: inline-flex; flex-wrap: wrap; gap: 10px; font-size: 26px; line-height: 1.2; }
.lg-g { white-space: nowrap; }
.lg-jars { display: flex; flex-wrap: wrap; gap: 14px; margin: 10px 0; }
.lg-jar { width: 90px; text-align: center; }
.lg-jin { min-height: 70px; border: 3px solid #7aa7c7; border-top-width: 6px; border-radius: 8px 8px 16px 16px; padding: 4px; font-size: 18px; line-height: 1.3; word-break: break-all; display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap; }
.lg-jl { font-weight: 700; margin-top: 4px; }

/* lgswap: luật đổi quả */
.lg-rules { display: flex; flex-wrap: wrap; gap: 12px; margin: 8px 0; }
.lg-rule { border: 2px dashed #8a99a8; border-radius: 12px; padding: 6px 12px; font-size: 26px; text-align: center; }
.lg-big { font-size: 32px; }
.lg-cap { font-size: 14px; color: #4a5a6a; margin-top: 2px; }

@media print {
  .lg-row, .lg-line, .lg-rule { break-inside: avoid; }
  table.lg-strip td.lg-y { background: #fff3b0; }
}

/* điện thoại: phương trình dài được xuống dòng; hàng xếp không bị ngắt (cuộn ngang nếu cần) */
@media (max-width: 520px) { .lg-eq { white-space: normal; } }
.lg-row { flex-wrap: nowrap; overflow-x: auto; }