.tms-tc-wrap { font-family: 'Prompt', sans-serif; max-width: 900px; margin: 0 auto; color: #2d3436; }
            .tms-tc-hero { background: #2d3436; color: #fff; padding: 22px 24px; border-radius: 18px; margin-bottom: 22px; }
            .tms-tc-hero h2 { margin: 0 0 8px 0; font-size: 20px; }
            .tms-tc-hero p { margin: 0; font-size: 12px; line-height: 1.7; color: #dfe4ea; }
            .tms-tc-section { background: #fff; border: 1px solid #f1f2f6; border-radius: 16px; padding: 20px; margin-bottom: 14px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
            .tms-tc-section h3 { margin: 0 0 12px 0; font-size: 15px; display: flex; align-items: center; gap: 8px; }
            .tms-tc-section p, .tms-tc-section li { font-size: 13px; line-height: 1.8; color: #57606f; }
            .tms-tc-section ul { margin: 0; padding-left: 20px; }
            .tms-tc-board { border-left: 3px solid #0097e6; background: #f8f9fa; border-radius: 0 10px 10px 0; padding: 10px 14px; margin-bottom: 8px; }
            .tms-tc-board strong { display: block; font-size: 12.5px; color: #2d3436; margin-bottom: 2px; }
            .tms-tc-board span { font-size: 12px; color: #7f8fa6; }
            .tms-tc-danger { background: #fff5f5; border-left: 3px solid #ff4757; }
            /* 🆕 5 ต.ค. เย็น กรอบกติกาห้องฟังเสียง (แดงอ่อนเข้าธีมดำแดง · ไม่ใช่กรอบเตือนแบบกฎเหล็ก) */
            .tms-tc-au { border-left-color: #c0392b; background: #fbf7f7; }
            .tms-tc-au .tms-tc-au-sub { margin: 10px 0 4px; font-size: 12.5px; font-weight: 700; color: #2d3436; }
            .tms-tc-au ul { margin: 0; padding-left: 18px; }
            .tms-tc-au li { font-size: 12px; line-height: 1.75; color: #57606f; margin-bottom: 2px; }
            .tms-tc-au li b { color: #2d3436; }

            /* 🆕 (2026-09-13) หมวด 11 ระวังมิจฉาชีพ — คลุมกรอบแดงทั้งหมวด
               ⚠️ ตั้งใจให้เป็นหมวดเดียวในหน้านี้ที่ใช้สีแดงเต็มกรอบ
               ถ้าวันหนึ่งมีหมวดอื่นใช้สีแดงด้วย ความหมายของสีนี้จะเจือจางทันที
               และคนจะเลิกสังเกตมัน — สีเตือนได้ผลก็ต่อเมื่อมีที่เดียว */
            .tms-tc-scam { border: 2px solid #ff4757; background: #fff8f8; }
            .tms-tc-scam h3 { color: #c0392b; }
            .tms-tc-scam-lead { background: #ff4757; color: #fff; border-radius: 10px; padding: 12px 14px; font-size: 13.5px; line-height: 1.7; margin-bottom: 12px; }
            .tms-tc-scam-act { background: #fff; border: 1px dashed #ff4757; border-radius: 10px; padding: 12px 14px; margin-top: 10px; }
            .tms-tc-scam-act strong { display: block; color: #c0392b; margin-bottom: 6px; font-size: 13px; }
            .tms-tc-scam-act ol { margin: 0; padding-left: 18px; }
            .tms-tc-scam-act ol li { margin-bottom: 4px; }
            .tms-tc-toc-danger { background: #ff4757 !important; color: #fff !important; font-weight: 700; }

            /* 🆕 (2026-09-13) หมวด 12 การพนัน — ใช้ม่วงเข้ม ไม่ใช้แดง
               ⚠️ ตั้งใจให้ต่างจากหมวด 11 เพราะสีแดงถูกจองไว้ให้เรื่องมิจฉาชีพ
               ซึ่งเป็นภัยที่มาจากคนนอกและผู้ใช้ตกเป็นเหยื่อ
               ส่วนหมวดนี้เป็นข้อห้ามที่ผู้ใช้เป็นฝ่ายกระทำ คนละบทบาทกัน */
            .tms-tc-gambling { border: 2px solid #8e44ad; background: #fdf9ff; }
            .tms-tc-gambling h3 { color: #8e44ad; }

            /* 🆕 (2026-09-13) หมวด 13 การคุกคาม (เลขหมวดปัจจุบัน) — เทาเข้ม ไม่ใช้แดงหรือม่วง
               ⚠️ แดงจองไว้ให้เรื่องมิจฉาชีพ ม่วงจองไว้ให้การพนัน
               หมวดนี้ตั้งใจใช้โทนหนักแน่นแบบสงบ เพราะเป็นเรื่องที่ต้องอ่านให้จบ
               ไม่ใช่เรื่องที่ต้องตกใจแล้วรีบปิด */
            .tms-tc-harass { border: 2px solid #34495e; background: #fbfcfd; }
            .tms-tc-harass h3 { color: #2c3e50; }
            .tms-tc-toc-harass { background: #34495e !important; color: #fff !important; font-weight: 700; }
            .tms-tc-penalty-table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
            .tms-tc-penalty-table th, .tms-tc-penalty-table td { border: 1px solid #f1f2f6; padding: 8px 10px; text-align: left; }
            .tms-tc-penalty-table th { background: #f8f9fa; }
            /* 🆕 22 ก.ย. 2026 — หมวด 8 การคืนเงิน + รายการแบนถาวรในหมวด 14
               ⚠️ ไม่ใช้แดง/ม่วง/เทาเข้มเต็มกรอบ เพราะจองไว้ให้หมวด 11 12 13
               รายการแบนใช้แค่เส้นซ้ายสีเดียวกับหมวดต้นทาง ให้โยงกลับได้ด้วยตา */
            .tms-tc-sub { font-size: 13.5px !important; font-weight: 700; color: #2d3436 !important; margin: 16px 0 6px; }
            .tms-tc-ok { background: #f0fbf6; border: 1px solid #bfeedd; border-radius: 10px; padding: 10px 14px; margin: 8px 0; }
            .tms-tc-ok li, .tms-tc-ok p { color: #1e7a55 !important; }
            .tms-tc-freeze { border: 2px solid #8e44ad; background: #fdf9ff; border-radius: 12px; padding: 14px 16px; margin: 10px 0; }
            .tms-tc-freeze-h { background: #8e44ad; color: #fff; border-radius: 8px; padding: 10px 12px; font-size: 14px; font-weight: 700; line-height: 1.6; margin-bottom: 10px; }
            .tms-tc-freeze-big { font-size: 15px; font-weight: 800; color: #6c2a8a; background: linear-gradient(transparent 55%, #f3e0ff 55%); }
            .tms-tc-grp--1 { border-left: 4px solid #8e44ad !important; }
            .tms-tc-grp--3 { border-left: 4px solid #00b894 !important; }
            .tms-tc-banlist { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 6px; }
            .tms-tc-bi { background: #f8f9fa; border-left: 4px solid #2d3436; border-radius: 0 10px 10px 0; padding: 10px 12px; }
            .tms-tc-bi b { display: block; font-size: 13px; margin-bottom: 3px; color: #2d3436; }
            .tms-tc-bi span { display: block; font-size: 12px; color: #636e72; line-height: 1.65; }
            .tms-tc-bi em { font-style: normal; display: block; margin-top: 4px; font-size: 11.5px; color: #00a86b; }
            .tms-tc-bi--g { border-left-color: #8e44ad; }
            .tms-tc-bi--r { border-left-color: #ff4757; }
            .tms-tc-bi--h { border-left-color: #34495e; }
            @media ( max-width: 600px ) { .tms-tc-banlist { grid-template-columns: 1fr; } }
            .tms-tc-note { background: #fffcf0; border: 1px dashed #f39c12; border-radius: 10px; padding: 12px 14px; font-size: 12px; color: #d35400; margin-top: 10px; }
            .tms-tc-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
            .tms-tc-toc a { font-size: 11.5px; background: #f1f2f6; color: #2d3436; text-decoration: none; padding: 6px 12px; border-radius: 14px; transition: all .15s ease; }
            .tms-tc-toc a:hover { background: #e3e6ec; transform: translateY(-1px); }

            /* 🆕 (2026-09-13) สารบัญแบ่งเป็นกลุ่ม
               ⚠️ ก่อนหน้านี้สารบัญเป็นเม็ด 14 อันเรียงติดกันเป็นพืด
               ซึ่งอ่านแล้วไม่รู้ว่าอันไหนสำคัญกว่าอันไหน และหาไม่เจอเวลาต้องการ
               การแบ่งกลุ่มช่วยให้คนกวาดตาหาได้เร็วขึ้นมาก
               โดยเฉพาะกลุ่มความปลอดภัยที่ตั้งใจทำให้เด่นกว่ากลุ่มอื่น */
            .tms-tc-tocgroup { margin-bottom: 14px; }
            .tms-tc-tocgroup-label { display: block; font-size: 11px; font-weight: 700; color: #a4b0be; letter-spacing: .3px; margin-bottom: 7px; }
            .tms-tc-tocgroup .tms-tc-toc { margin-bottom: 0; }
            .tms-tc-tocgroup--safety { background: #fff8f8; border: 1px solid #ffe0e0; border-radius: 12px; padding: 12px 14px; }
            .tms-tc-tocgroup--safety .tms-tc-tocgroup-label { color: #c0392b; }
            .tms-tc-toc-gamble { background: #8e44ad !important; color: #fff !important; font-weight: 700; }

            /* ==================================================================
               🆕 (2026-09-13) สารบัญบนมือถือ — เปลี่ยนจากเม็ดลอยเป็นตาราง 2 ช่อง
               ==================================================================
               ⚠️ ปัญหาของแบบเม็ดลอย: ความยาวข้อความแต่ละหมวดไม่เท่ากันเลย
               ตั้งแต่ "2. บัญชีผู้ใช้" ไปจนถึง "12. การคุกคามผู้อื่นโดยเจตนา"
               พอจอแคบ เม็ดจึงตัดบรรทัดไม่เท่ากัน เกิดช่องว่างไม่สม่ำเสมอ
               ดูรกทั้งที่เนื้อหาถูกต้องทุกอย่าง

               ✅ ใช้ตารางสองช่องแทน ทุกเม็ดกว้างเท่ากันและขอบตรงกันทุกแถว
               ข้อความยาวจะตัดลงบรรทัดที่สองในเม็ดของตัวเอง ไม่ดันเม็ดอื่น

               📌 เลือกสองช่อง ไม่ใช่ช่องเดียว เพราะ 14 หมวดเรียงเป็นแถวเดียว
               จะยาวมากจนต้องเลื่อนผ่านสารบัญนานกว่าจะถึงเนื้อหา
               ซึ่งทำให้สารบัญกลายเป็นอุปสรรคแทนที่จะเป็นทางลัด

               ⚠️ จอคอมยังใช้แบบเม็ดลอยเหมือนเดิม เพราะกว้างพอให้เรียงสวยอยู่แล้ว
               ================================================================== */
            @media ( max-width: 600px ) {

                .tms-tc-toc {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 7px;
                }

                .tms-tc-toc a {
                    display: flex;
                    align-items: center;
                    width: auto;
                    font-size: 11px;
                    line-height: 1.35;
                    padding: 9px 10px;
                    border-radius: 10px;
                    text-align: left;
                }

                .tms-tc-tocgroup { margin-bottom: 16px; }
                .tms-tc-tocgroup--safety { padding: 12px 12px 14px; }
            }

            /* 🆕 (2026-09-13) ไฮไลต์คำสำคัญ
               ⚠️ ใช้เท่าที่จำเป็นจริงๆ เท่านั้น
               ถ้าไฮไลต์เยอะเกินไป ทุกอย่างจะเด่นเท่ากันหมด ซึ่งเท่ากับไม่เด่นอะไรเลย
               กฎที่ยึด: ไฮไลต์ได้ไม่เกิน 1-2 จุดต่อหนึ่งหมวด และต้องเป็นประโยคที่
               ถ้าอ่านข้ามไปแล้วจะเสียหายจริง ไม่ใช่แค่ประโยคที่ฟังดูสำคัญ */
            .hl { background: linear-gradient(180deg, transparent 58%, #ffe27a 58%); padding: 0 2px; font-weight: 700; color: #2d3436; }
            .hl-red { background: linear-gradient(180deg, transparent 58%, #ffc4c4 58%); padding: 0 2px; font-weight: 700; color: #c0392b; }
            /* 🆕 (2026-09-04) หมวดใหม่โหมดนิยาย — ให้สดใส มีชีวิตชีวา แยกจากหมวดอื่น
               ด้วยกัน เข้าธีมสีชมพู-ม่วงของเว็บ (แบบเดียวกับป้ายยืนยันก่อนเข้าอ่าน/
               เขียนนิยาย ให้ภาพจำตรงกัน) */
            .tms-tc-toc-highlight { background: linear-gradient(135deg, #ff4081, #a29bfe) !important; color: #fff !important; font-weight: 700; }
            .tms-tc-novel { border: 2px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #ff9ff3, #a29bfe, #ffeaa7) border-box; }
            .tms-tc-novel h3 { background: linear-gradient(135deg, #ff4081, #a29bfe); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
            .tms-tc-novel-rule { border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; }
            .tms-tc-novel-rule strong { display: block; font-size: 13px; color: #2d3436; margin-bottom: 6px; }
            .tms-tc-novel-rule p { margin: 0 0 6px; }
            .tms-tc-novel-rule ul { margin: 6px 0 0; padding-left: 18px; }
            .tms-tc-novel-rule ul li { margin-bottom: 3px; }
            .tms-tc-novel-rule--pink { background: #fff5fd; border-left: 4px solid #ff9ff3; }
            .tms-tc-novel-rule--purple { background: #fcf9ff; border-left: 4px solid #a29bfe; }
            .tms-tc-novel-rule--gold { background: #fffdf5; border-left: 4px solid #ffeaa7; }
            /* 🆕 (2026-09-04) สไตล์กฎข้อ 4 (เตือนมิจฉาชีพ) — ใช้สีแดง/ส้มเข้มเต็มที่
               แทนโทนพาสเทลแบบ 3 ข้อบน ให้เด่นสมกับเป็นคำเตือนความปลอดภัยที่สำคัญ
               ที่สุด (ใช้คู่กับป๊อปอัปกฎก่อนเข้าอ่าน/เขียนนิยาย ไฟล์ 1709 ที่มีสไตล์
               เดียวกันนี้แล้ว) */
            .tms-tc-novel-rule--danger { background: linear-gradient(135deg, #fff0f0, #ffe8e8); border: 1.5px solid #ff4757; border-left: 4px solid #ff4757; }
            .tms-tc-novel-rule--danger strong { color: #d63031; }