/* ===== Magazine Theme ===== */
.lp-article{font-family:system-ui,Segoe UI,Prompt,Inter,sans-serif;line-height:1.7;color:#1f2937;}
.lp-article .container{max-width:960px;margin:20px auto;background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.lp-article h1{text-align:center;font-size:26px;font-weight:800;color:#f97316;margin-bottom:12px;}
.lp-article h2.section{font-size:20px;font-weight:700;margin:20px 0 12px;background:#16a34a;color:#fff;padding:10px 14px;border-radius:10px;}
.lp-article h3{font-size:18px;font-weight:700;margin-top:12px;color:#374151;}
.lp-article p{margin:10px 0;}

/* CTA */
.cta-box{background:#ecfdf5;border:2px dashed #16a34a;border-radius:14px;padding:20px;text-align:center;margin:20px auto;}
.cta-box h2{color:#16a34a;}
.cta-box button{background:#16a34a;color:#fff;padding:10px 20px;border:none;border-radius:999px;font-weight:700;cursor:pointer;}
.cta-box button:hover{background:#15803d;}

/* Guide + QR */
.guide{background:#f0fdf4;border:1px dashed #16a34a;padding:16px;border-radius:12px;margin-bottom:20px;}
.guide .note{color:#dc2626;font-size:14px;}
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:center}
.qr{text-align:center;}
.qr img{max-width:120px;border:1px solid #ddd;border-radius:12px;}
.qr small{font-size:13px;color:#6b7280;display:block;margin-top:4px;}

/* Form */
form{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:10px}
label{font-weight:600;font-size:15px}
select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px}
.form-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
button{padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer;transition:.2s}
.btn-primary{background:#16a34a;color:#fff;border:none}
.btn-primary:hover{background:#15803d}
.btn-clear{background:#f3f4f6;border:none;color:#1f2937}
.btn-clear:hover{background:#e5e7eb}
.btn-line{background:#f97316;color:#fff;border:none}
.btn-line:hover{background:#ea580c}

/* Result */
.result{margin-top:18px;padding:18px;border-radius:14px;display:none;font-size:15px;line-height:1.6}
.result.low{background:#ecfdf5;color:#065f46}
.result.mid{background:#fffbeb;color:#92400e}
.result.high{background:#fef2f2;color:#991b1b}
.lp-riskbar{background:#e5e7eb;border-radius:6px;overflow:hidden;margin:8px 0;height:14px;width:100%;max-width:260px}
.lp-riskbar>div{height:100%}

/* Share Box */
.share-box{margin-top:30px;padding:20px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;text-align:center}
.share-box h3{color:#0284c7;margin-bottom:12px}
.share-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.btn-fb{background:#1877f2}
.btn-tw{background:#1da1f2}
.btn-li{background:#0a66c2}
.btn-copy{background:#6b7280}
.share-buttons .btn-contact{color:#fff;text-decoration:none}

/* Contact */
.contact-box{margin-top:30px;padding:24px;background:#fff7ed;border:1px solid #fcd34d;border-radius:12px;text-align:center}
.contact-box h3{font-size:20px;color:#f97316;margin-bottom:8px}
.contact-box p{font-size:15px;color:#92400e;margin-bottom:16px}
.contact-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.btn-contact{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:700;text-decoration:none;transition:.2s;min-width:180px;text-align:center;color:#fff}
.btn-line{background:#06c755}
.btn-line:hover{background:#04a745}
.btn-phone{background:#f97316}
.btn-phone:hover{background:#ea580c}
.btn-copy:hover{background:#4b5563}
/* กล่อง highlight ย่อย */
.lp-article .highlight ul {
  margin: 0;
  padding-left: 20px;
}

.lp-article .highlight li {
  margin-bottom: 10px;
}

.lp-article .highlight li b {
  color: #1f2937;
}