/* สไตล์เฉพาะหน้า — เดิมฝังเป็น <style> อยู่ใน HTML ของทั้ง TH และ EN
   (ก๊อปกันไว้สองที่ แก้ทีต้องแก้สองรอบ และเบราว์เซอร์แคชซ้ำไม่ได้) */
.area-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.area-split img{width:100%;height:auto;border-radius: var(--r-panel);box-shadow:var(--shadow);display:block}
.area-split h2{font-family:'Kanit',sans-serif;font-size:38px;color:var(--dark);margin:0 0 16px;line-height:1.15}
.area-split p{color:var(--muted);line-height:1.85;font-size:16px}
.spot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.spot-card{padding:26px;border-radius: var(--r-card);background:rgba(255,255,255,.8);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9)}
.spot-card h3{font-family:'Kanit',sans-serif;font-size:21px;color:var(--blue);margin:12px 0 8px}
.spot-card p{color:var(--muted);line-height:1.75;font-size:14px;margin:0}
.spot-no{color:var(--green-deep);font-weight:800;margin-right:2px}
.know-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.know-item{padding:24px;border-radius: var(--r-card);background:rgba(255,255,255,.72);border:1px solid rgba(14,165,233,.14)}
.know-item h3{font-family:'Kanit',sans-serif;font-size:18px;color:var(--dark);margin:0 0 8px}
.know-item p{color:var(--muted);line-height:1.75;font-size:14px;margin:0}
.tour-card{display:flex;flex-direction:column;height:100%}
.tour-card p{flex-grow:1}
@media(max-width:860px){
  .area-split{grid-template-columns:1fr;gap:24px}
  .area-split h2{font-size:30px}
  .spot-grid,.know-grid{grid-template-columns:1fr}
}
.badge.tour-meta{margin:0 0 10px}