/*
 * เศษส่วนและสัญลักษณ์ในโจทย์ (คู่กับ assets/js/hs_math.js · แอดมินใช้ชุดเดียวกันใน highskill-next/src/app/qbMath.css)
 * ใช้ currentColor และ em ทั้งหมด จึงเข้ากับทุกหน้า (ประถม มัธยม Tutor Hub แอดมิน) ไม่ต้องตั้งสีเอง
 */
.hs-m-frac { display: inline-flex; flex-direction: column; align-items: center; vertical-align: middle; margin: 0 .1em; font-size: .86em; line-height: 1.15; text-align: center; white-space: nowrap; }
.hs-m-num { padding: 0 .22em .06em; border-bottom: .09em solid currentColor; }
.hs-m-den { padding: .06em .22em 0; }
.hs-m-frac .hs-m-frac { font-size: .9em; }
.hs-m-mixed { margin-right: .04em; }
.hs-m-root { white-space: nowrap; }
.hs-m-rad { border-top: .08em solid currentColor; padding: 0 .08em; margin-left: .02em; }
/* ตัวยก/ตัวห้อยในโจทย์ไม่ดันบรรทัดให้ห่าง */
.hs-m-sup, .hs-m-sub { font-size: .68em; line-height: 0; }
/* ตารางในโจทย์ ("A | B" หรือ markdown) · เลื่อนซ้ายขวาได้เมื่อจอแคบ · สีเส้นโปร่งแสงจึงใช้ได้ทั้งพื้นสว่างและพื้นมืด (ม.ปลาย) */
.hs-m-tablewrap { display: block; max-width: 100%; overflow-x: auto; margin: 8px 0; white-space: normal; -webkit-overflow-scrolling: touch; }
.hs-m-table { border-collapse: collapse; min-width: 60%; font-size: .95em; line-height: 1.45; }
.hs-m-table th, .hs-m-table td { padding: 7px 12px; border: 1px solid rgba(127, 120, 115, .32); text-align: left; vertical-align: top; overflow-wrap: normal; word-break: normal; } /* ไม่ตัดกลางคำ/กลางตัวเลข (โจทย์ใช้ overflow-wrap: anywhere) · ตารางกว้างเกินจอเลื่อนใน .hs-m-tablewrap */
.hs-m-table th { background: rgba(127, 120, 115, .1); font-weight: 600; }
.hs-m-table td { font-weight: 400; }