/* หน้าบทความเจ๊จด · ใช้ตัวแปร CI จาก site.css */
.blog-wrap{padding-block:40px 60px}
.blog-wrap h1{font:600 clamp(30px,4.6vw,44px)/1.25 var(--head);color:var(--jade)}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:28px}
.post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.post:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(8,53,46,.12)}
.post img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.post .pb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.post h2,.post h3{font:600 20px/1.35 var(--head);color:var(--jade)}
.post p{color:var(--muted);font-size:15px}
.post small{color:var(--gold-deep);font:500 14px var(--head)}
.article{max-width:760px;margin:0 auto}
.crumb{font:500 14px var(--head);color:var(--muted);margin-bottom:10px}
.crumb a{color:var(--gold-deep);text-decoration:none}
.meta{color:var(--muted);font-size:15px;margin:10px 0 20px}
.cover{width:100%;height:auto;border-radius:20px;border:1px solid var(--line)}
.body{margin-top:28px;font-size:18px;line-height:1.9}
.body h2{font:600 26px/1.35 var(--head);color:var(--jade);margin:36px 0 12px}
.body h3{font:600 21px/1.4 var(--head);color:var(--jade);margin:26px 0 8px}
.body p{margin:0 0 16px}
.body ul,.body ol{margin:0 0 16px;padding-left:24px}
.body li{margin-bottom:6px}
.body table{width:100%;border-collapse:collapse;margin:16px 0 22px;font-size:16px;background:#fff;border-radius:12px;overflow:hidden}
.body th{background:var(--jade);color:var(--gold-light);font:600 16px var(--head);padding:10px 12px;text-align:left}
.body td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.body blockquote{margin:20px 0;padding:14px 20px;border-left:5px solid var(--gold);background:#FFF8E6;border-radius:0 14px 14px 0;font:500 19px/1.7 var(--head);color:var(--jade-deep)}
.body a{color:var(--jade);font-weight:600}
.share{margin-top:34px;text-align:center}
.more{max-width:1120px;margin:56px auto 0}
.more h2{font:600 26px var(--head);color:var(--jade)}
.blog-cta .cta-jay{height:260px;width:auto;margin:0 auto}
.empty{color:var(--muted);text-align:center;padding:40px 0}
@media (max-width:760px){.body{font-size:17px}.body table{display:block;overflow-x:auto}}
/* 28 ก.ย. 69 FAQ ท้ายบทความ + crumb หน้ารวม */
.blog-faq{margin:36px 0 8px}.blog-faq h2{font:600 24px var(--head);color:var(--jade-deep);margin:0 0 12px}
.blog-wrap>.crumb{font-size:.9rem;color:var(--jade);margin:0 0 10px}.blog-wrap>.crumb a{color:inherit}