/*
 * irobot-th-2026 — หน้าเนื้อหาทั่วไป (page.php · index.php · 404.php)
 * โหลดเมื่อไม่ใช่หน้าแรก / PLP / PDP / ตะกร้า-ชำระเงิน (inc/enqueue.php)
 *
 * 01.10.2026 ปิด TODO 2.3 — ก่อนหน้านี้ไฟล์นี้ไม่มี (enqueue ข้ามเงียบ ๆ + debug.log ทุกหน้า)
 * ผลคือ H1 ของ 404 ชิดเส้นใต้ header · เพจที่ไม่อยู่ใน manifest (เช่นนโยบายความเป็นส่วนตัว) ไม่มีระยะ/ตัวอักษรของเนื้อหา
 * ใช้ token ของ design-system.css เท่านั้น · หน้า static ใน manifest ไม่ได้ใช้คลาสพวกนี้
 */

/* ---------- 404 ---------- */
.irb-404 { padding: clamp(48px, 8vw, 104px) 0 clamp(64px, 9vw, 120px); }
.irb-404 .shell { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.irb-404-title {
	font-size: clamp(28px, 3.4vw, 44px); font-weight: 600; line-height: 1.2;
	text-wrap: balance; max-width: 22ch;
}
.irb-404-text { font-size: 16px; line-height: 1.6; color: var(--brand-color-gray); max-width: 60ch; }
.irb-404-cta { margin-top: 12px; }

/* ---------- เพจ (page.php) ---------- */
.irb-page { padding: 24px 0 clamp(56px, 8vw, 96px); }
.irb-page-head { margin: 8px 0 clamp(20px, 3vw, 32px); }
.irb-page-title { font-size: clamp(28px, 3vw, 40px); font-weight: 600; line-height: 1.2; text-wrap: balance; }
.irb-page-intro { margin-top: 10px; font-size: 16px; line-height: 1.6; color: var(--brand-color-gray); max-width: 65ch; }

/* เนื้อหาจาก editor — ความกว้างอ่านสบาย ระยะหัวข้อ/ย่อหน้า/รายการ */
.irb-prose { max-width: 72ch; font-size: 16px; line-height: 1.75; }
.irb-prose > * + * { margin-top: 1em; }
.irb-prose h2 { margin-top: 1.8em; font-size: clamp(22px, 2.2vw, 28px); font-weight: 600; line-height: 1.3; }
.irb-prose h3 { margin-top: 1.5em; font-size: 19px; font-weight: 600; line-height: 1.4; }
.irb-prose ul, .irb-prose ol { padding-left: 1.4em; }
.irb-prose ul { list-style: disc; }
.irb-prose ol { list-style: decimal; }
.irb-prose li + li { margin-top: .4em; }
.irb-prose a { color: var(--brand-color-hunter); text-decoration: underline; text-underline-offset: 2px; }
.irb-prose a:hover { color: var(--brand-color-black); }
.irb-prose img { max-width: 100%; height: auto; border-radius: 12px; }
.irb-prose table { width: 100%; border-collapse: collapse; font-size: 15px; display: block; overflow-x: auto; }
.irb-prose th, .irb-prose td { padding: 10px 12px; border-bottom: 1px solid var(--brand-color-border); text-align: left; vertical-align: top; }
.irb-page-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2em; font-weight: 600; }

/* ---------- รายการบทความ / ค้นหา (index.php) ---------- */
.irb-main > .shell > .irb-page-head { margin-top: clamp(32px, 5vw, 56px); }
.irb-postlist { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: clamp(20px, 3vw, 32px); padding-bottom: clamp(56px, 8vw, 96px); }
.irb-postcard { display: flex; flex-direction: column; gap: 14px; }
.irb-postcard-media img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 16px; }
.irb-postcard-title { font-size: 19px; font-weight: 600; line-height: 1.4; }
.irb-postcard-title a { color: inherit; text-decoration: none; }
.irb-postcard-title a:hover { text-decoration: underline; }
.irb-postcard-meta { font-size: 14px; color: var(--brand-color-gray); }
.irb-empty { padding: clamp(48px, 8vw, 104px) 0; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }