/* สไตล์เฉพาะหน้า — เดิมฝังเป็น <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}
.meet-panel{background:linear-gradient(135deg,#064b8e,#0b6f9c);color:#fff;border-radius: var(--r-panel);padding:42px;box-shadow:var(--shadow)}
.meet-panel h2{font-family:'Kanit',sans-serif;font-size:34px;margin:0 0 12px;color:#fff}
.meet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.meet-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius: var(--r-card);padding:22px}
.meet-item h3{font-family:'Kanit',sans-serif;font-size:17px;margin:0 0 8px;color:#fff}
.meet-item p{margin:0;font-size:14px;line-height:1.75}
.route-list{display:grid;gap:14px;margin-top:24px}
.route-row{display:flex;gap:16px;align-items:flex-start;background:rgba(255,255,255,.05);border-radius: var(--r-small);padding:16px 18px;border:1px solid rgba(255,255,255,.12)}
.route-tag{flex:none;background:rgba(255,255,255,.10);border-radius: var(--r-pill);padding:6px 14px;font-weight:700;font-size:13px;font-family:'Kanit',sans-serif}
.route-row p{margin:0;font-size:14px;line-height:1.7}
.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}
.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}
  .meet-panel{padding:26px}
  .meet-panel h2{font-size:27px}
  .meet-grid,.spot-grid{grid-template-columns:1fr}
  .route-row{flex-direction:column;gap:10px}
}

/* ---------- Utility classes ---------- */
.meet-lead { line-height: 1.9; margin: 20px 0 0; font-size: 17px; opacity: .96; }
.meet-note { line-height: 1.9; margin: 0; font-size: 16px; opacity: .94; }
.meet-sub { font-size: 26px; margin: 34px 0 10px; }

/* ---------- Readable line length ---------- */
.meet-panel p, .meet-panel li { max-width: 62ch; }
.route-row p { max-width: 62ch; }
.badge.tour-meta{margin:0 0 10px}