/* หน้าบทความ/แลนดิ้งเจาะคีย์เวิร์ด — ใช้โทเคนสีและฟอนต์ชุดเดียวกับหน้าหลัก
   โครงเรียบ อ่านง่าย เน้นเนื้อหา (หน้าพวกนี้มาจาก Google คนอ่านจริง ไม่ใช่มาดูภาพ) */

.lp{padding-top:clamp(5.5rem,10vw,7.5rem)}

/* เส้นทางนำทาง */
.lp-crumb{font-size:1.22rem;color:#586E74;padding:.6rem 0 0}
.lp-crumb a{color:#586E74;text-decoration:none;border-bottom:1px solid rgba(88,110,116,.35)}
.lp-crumb a:hover{color:var(--ink)}
.lp-crumb span{opacity:.6;padding:0 .4rem}

/* หัวหน้า */
.lp-head{padding:clamp(1.6rem,3vw,2.6rem) 0 clamp(2rem,4vw,3rem);max-width:52rem}
.lp-head h1{
  font-family:var(--f-display);font-weight:600;color:var(--ink);
  font-size:clamp(2.9rem,5.2vw,4.4rem);line-height:1.14;letter-spacing:-.02em;margin:.4rem 0 1.4rem}
html[lang="th"] .lp-head h1{font-family:var(--f-thai);font-weight:500;letter-spacing:0}
html[lang="zh"] .lp-head h1{font-family:var(--f-body);font-weight:600}
.lp-lead p{font-size:1.62rem;line-height:1.72;color:#3b555e;margin:0 0 1.1rem}
.lp-lead strong{color:var(--ink);font-weight:600}

/* เนื้อหา */
.lp-body{max-width:52rem;padding-bottom:clamp(2rem,4vw,3rem)}
.lp-body h2{
  font-family:var(--f-display);font-weight:600;color:var(--ink);
  font-size:clamp(2.1rem,3.4vw,2.9rem);line-height:1.25;letter-spacing:-.015em;
  margin:clamp(2.6rem,5vw,3.6rem) 0 1.1rem}
html[lang="th"] .lp-body h2{font-family:var(--f-thai);font-weight:500;letter-spacing:0}
html[lang="zh"] .lp-body h2{font-family:var(--f-body);font-weight:600}
.lp-body h2::before{
  content:"";display:block;width:2.6rem;height:2px;background:var(--brass);
  margin-bottom:1.1rem;opacity:.85}
.lp-body p{font-size:1.5rem;line-height:1.78;color:#41595f;margin:0 0 1.1rem}
.lp-body strong,.lp-body b{color:var(--ink);font-weight:600}

.lp-list{list-style:none;margin:.4rem 0 1.4rem;padding:0;display:grid;gap:.9rem}
.lp-list li{
  position:relative;padding-left:2.1rem;font-size:1.48rem;line-height:1.72;color:#41595f}
.lp-list li::before{
  content:"";position:absolute;left:.35rem;top:.86em;width:.6rem;height:.6rem;
  border-radius:50%;background:var(--brass);opacity:.9}

/* ตารางข้อมูลโครงการ */
.lp-facts{margin:clamp(2.4rem,5vw,3.4rem) 0;border:1px solid rgba(14,42,51,.14);border-radius:14px;overflow:hidden}
.lp-facts caption{
  caption-side:top;text-align:left;padding:1.1rem 1.4rem;background:var(--sand);
  font-weight:600;color:var(--ink);font-size:1.42rem}
.lp-facts table{width:100%;border-collapse:collapse}
.lp-facts th,.lp-facts td{
  text-align:left;padding:1rem 1.4rem;font-size:1.42rem;line-height:1.6;
  border-top:1px solid rgba(14,42,51,.1);vertical-align:top}
.lp-facts th{width:32%;color:var(--ink);font-weight:600;background:rgba(237,230,218,.35)}
.lp-facts td{color:#41595f}

/* คำถามที่พบบ่อย */
.lp-faq{max-width:52rem;padding-bottom:clamp(1rem,3vw,2rem)}
.lp-faq h2{margin-bottom:1.6rem}
.lp-qa{border-top:1px solid rgba(14,42,51,.12);padding:1.5rem 0}
.lp-qa h3{
  font-size:1.58rem;line-height:1.5;color:var(--ink);font-weight:600;margin:0 0 .7rem;
  font-family:var(--f-body)}
.lp-qa p{font-size:1.46rem;line-height:1.75;color:#41595f;margin:0}

/* ปุ่มปิดการขาย */
.lp-cta{
  margin:clamp(2.6rem,5vw,4rem) 0;padding:clamp(2rem,4vw,3rem);border-radius:18px;
  background:linear-gradient(135deg,var(--ink) 0%,var(--ink-2) 100%);color:#fff;
  box-shadow:var(--shadow-card)}
.lp-cta h2{color:#fff;margin:0 0 .8rem;font-family:var(--f-display);font-size:clamp(2rem,3.2vw,2.6rem)}
html[lang="th"] .lp-cta h2{font-family:var(--f-thai);font-weight:500}
html[lang="zh"] .lp-cta h2{font-family:var(--f-body);font-weight:600}
.lp-cta h2::before{display:none}
.lp-cta p{color:rgba(255,255,255,.82);font-size:1.46rem;line-height:1.7;margin:0 0 1.6rem}
.lp-cta-row{display:flex;flex-wrap:wrap;gap:1rem}
.lp-cta .btn-ghost{
  border:1px solid rgba(255,255,255,.42);color:#fff;background:transparent}
.lp-cta .btn-ghost:hover{background:rgba(255,255,255,.1)}

/* ลิงก์ไปหน้าอื่นในชุด — ให้ทั้งคนและบอทเดินต่อได้ */
.lp-rel{margin:clamp(2rem,4vw,3rem) 0 clamp(3rem,6vw,4.5rem)}
.lp-rel h2{
  font-size:1.5rem;letter-spacing:.14em;text-transform:uppercase;color:#586E74;
  font-family:var(--f-body);font-weight:600;margin:0 0 1.2rem}
.lp-rel h2::before{display:none}
.lp-rel ul{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;
  grid-template-columns:repeat(auto-fit,minmax(26rem,1fr))}
.lp-rel a{
  display:block;padding:1.2rem 1.4rem;border:1px solid rgba(14,42,51,.14);border-radius:12px;
  color:var(--ink);text-decoration:none;font-size:1.44rem;line-height:1.5;
  transition:border-color .25s var(--ease),transform .25s var(--ease)}
.lp-rel a:hover{border-color:var(--brass);transform:translateY(-2px)}
.lp-rel a::after{content:" →";color:var(--brass)}

.lp-updated{font-size:1.28rem;color:#6b7d83;margin-top:2rem}

@media (max-width:640px){
  .lp-facts th{width:40%}
  .lp-rel ul{grid-template-columns:1fr}
}