/* oct-theme: overlay แนวเดียวกับ ccc.onechomthong.com โทนน้ำตาลเข้ม (คำขอ อ.เอก 8/10/2026)
   ponytail: overlay บน bundle React ที่ไม่มีซอร์ส · เปลี่ยน layout จริงต้องมีซอร์สหรือ rebuild */
:root{--oct-brown:#4a2c1a;--oct-brown2:#6b4129;--oct-gold:#c9a227;--oct-cream:#faf4ea;--oct-ink:#2a1a10;--oct-radius:24px}
body,#root,.mantine-AppShell-root{background:var(--oct-cream)!important;color:var(--oct-ink)}
body,#root *{font-family:"Noto Sans Thai","Prompt",sans-serif}
/* header */
header.mantine-Header-root{background:var(--oct-brown)!important;border-bottom:3px solid var(--oct-gold)!important}
header.mantine-Header-root a,header.mantine-Header-root span,header.mantine-Header-root .mantine-Text-root{color:#fff!important}
header.mantine-Header-root svg{stroke:var(--oct-gold)!important}
header.mantine-Header-root button{border-radius:999px!important;background:var(--oct-gold)!important;color:var(--oct-ink)!important;border:0!important}
header.mantine-Header-root button *{color:var(--oct-ink)!important}
/* หัวข้อ section */
.oct-h{color:var(--oct-brown)!important;font-family:Trirong,"Noto Serif Thai",serif!important;font-weight:700!important}
.oct-h::after{content:"";display:block;width:56px;height:3px;margin:10px auto 0;background:var(--oct-gold);border-radius:3px}
/* การ์ด + ปุ่ม */
.mantine-Card-root,.mantine-Paper-root[data-with-border]{border-radius:var(--oct-radius)!important;box-shadow:0 10px 30px -12px rgba(74,44,26,.25)!important;border-color:#eadccb!important}
.mantine-Card-root .mantine-Card-cardSection[data-first]{border-radius:var(--oct-radius) var(--oct-radius) 0 0;overflow:hidden}
.mantine-Button-root{background:var(--oct-brown)!important;border-radius:999px!important;color:#fff!important}
.mantine-Button-root:hover{background:var(--oct-brown2)!important}
/* #131: ห้าม tracking/uppercase บนข้อความไทย (Badge ของ Mantine ใส่มาเป็นค่าปริยาย) */
.mantine-Badge-root,.mantine-Badge-root *{letter-spacing:normal!important;text-transform:none!important}
.mantine-Pagination-control[data-active]{background:var(--oct-brown)!important;color:#fff!important}
footer{background:var(--oct-brown)!important;color:#fff!important}
footer *{color:#fff!important}
/* ซ่อนข่าวประชาสัมพันธ์ (JS ใส่คลาสเฉพาะเมื่อเจอหัวข้อจริง) */
.oct-hide{display:none!important}
/* banner ลิงก์ ccc */
.oct-ccc{display:flex;align-items:center;gap:16px;max-width:1100px;margin:32px auto;padding:20px 24px;border-radius:var(--oct-radius);background:linear-gradient(120deg,var(--oct-brown),var(--oct-brown2));color:#fff!important;text-decoration:none;box-shadow:0 10px 30px -12px rgba(74,44,26,.45)}
.oct-ccc b{display:block;font-family:Trirong,"Noto Serif Thai",serif;font-size:1.35rem;line-height:1.4}
.oct-ccc small{display:block;opacity:.9;font-size:.95rem;line-height:1.5}
.oct-ccc .oct-go{margin-left:auto;flex:none;background:var(--oct-gold);color:var(--oct-ink);border-radius:999px;padding:10px 20px;font-weight:700;white-space:nowrap}
.oct-ccc .oct-ico{flex:none;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:26px}
@media (max-width:640px){.oct-ccc{flex-wrap:wrap;margin:24px 16px;padding:18px}.oct-ccc .oct-go{margin-left:0;width:100%;box-sizing:border-box;text-align:center}}
.oct-slogan{color:var(--oct-brown2)!important;font-style:italic}