/* ZRAPT site.css · กติกาข้อความไทยทั้งเว็บ (22 ก.ย. 69 · เจ้าของเห็นคำโปรยหน้า /service/ หล่นเป็นบรรทัดกำพร้า)
   ไทยไม่มีช่องว่างระหว่างคำ เบราว์เซอร์ตัดคำได้ (ICU) แต่ไม่กันคำสุดท้ายลอยเดี่ยว
   - balance: หัวข้อ/คำโปรยสั้น แบ่งบรรทัดให้ยาวใกล้กัน
   - pretty : ย่อหน้าทั่วไป กันบรรทัดสุดท้ายเหลือคำเดียว (Chrome 117+ · ที่ไม่รองรับ = ตกเป็นปกติ ไม่พัง)
   - break-word: URL/รหัสยาวในย่อหน้าไม่ดันหน้าให้เลื่อนข้าง (ห้าม anywhere บนลิงก์: บีบเมนูเป็นทีละตัวอักษร) */
h1, h2, h3, h4, .hero p, .hero-sub, .lead, .sub, .tagline, .gdesc, figcaption { text-wrap: balance; }
/* ย่อหน้าไทย: pretty ไม่พอ (ICU มองคำไทยสั้น บรรทัดท้าย 1-3 คำยังหลุด) → balance กับย่อหน้าทั้งหมด
   (Chrome จำกัด ≤6 บรรทัด ย่อหน้ายาวกว่านั้นตกเป็นปกติเอง) · li/dd ใช้ pretty พอ */
p { text-wrap: balance; }
li, dd, blockquote { text-wrap: pretty; }
/* คำอธิบายสั้นในการ์ด (2-4 บรรทัด) แบ่งบรรทัดให้เท่ากัน ไม่ทิ้งคำท้ายลอย */
.card p, .grid p, .fgrid p, .whygrid p, .gdesc, .desc, .tile p, .feature p { text-wrap: balance; }
/* URL/รหัสยาวในเนื้อหา ตัดได้ตอนล้นบรรทัด · ใช้ break-word ไม่ใช่ anywhere: anywhere ทำให้ min-content เหลือทีละตัวอักษร
   ลิงก์ในแถบเมนู (flex) เลยถูกบีบเป็น ZR/AP/T และ คำ/ศัพ/ท์ ทีละบรรทัด (จับได้จากภาพ /pricing/ 360 · 22 ก.ย. 69) */
p, li, dd, td, blockquote, code, .mono { overflow-wrap: break-word; }
/* รูปห้ามดันหน้าให้เลื่อนข้าง (22 ก.ย. 69 · /service/ โลโก้ height:72px กว้าง 350 ล้นจอ 360) */
img, svg, video { max-width: 100%; }
/* ตารางกว้างเลื่อนในกรอบตัวเอง ไม่ดันหน้าให้เลื่อนข้าง (22 ก.ย. 69 · /pricing/ ตารางเรท 560px บนจอ 360) */
.tablewrap, .table-wrap { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
/* ตารางที่ไม่มี wrapper: ตัวตารางเลื่อนเอง */
table:not(.tablewrap table):not(.table-wrap table) { display: block; max-width: 100%; overflow-x: auto; min-width: 0; }
/* แถบเครดิตแผนที่ MapLibre บนจอแคบ ให้ตัดบรรทัดแทนล้น (/maps/ · /maps/business/) */
.maplibregl-ctrl-attrib, .maplibregl-ctrl-attrib-inner { white-space: normal !important; max-width: calc(100vw - 24px); }
/* แถบเมนูบนจอแคบ (22 ก.ย. 69 · ภาพ 360 ของ /news/ /service/ /signup/cars/): ลิงก์ในแถบห้ามแตก 2 บรรทัด
   ≤480 ถ้ามีปุ่ม .cta ให้เหลือโลโก้ + ปุ่ม (โลโก้กดกลับหน้าแรกอยู่แล้ว) · หน้าที่ไม่มีปุ่ม (club) คงลิงก์ไว้ */
.nav-links a, nav .links a, nav .cta, nav .lk { white-space: nowrap; }
@media (max-width: 480px) { .nav-links:has(.cta) a:not(.cta), nav:has(a.cta) .links a { display: none; } }