*{box-sizing:border-box}body{margin:0;font-family:'Prompt',sans-serif;color:#1a1d21;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}
/* site-shell.css ไม่มี CSS reset ในตัวเอง — หน้า .html เก็บ reset ไว้ในบล็อก <style> ของตัวเอง
   หน้าข่าวจึงต้องรีเซ็ตให้ Header/Footer กลางเอง ไม่งั้นจะติด margin/padding ค่าเริ่มต้นของเบราว์เซอร์
   (เช่น <ul> ที่ padding-left 40px ทำให้รายการในเมนู Footer เยื้องเข้าไป) */
:where(.site-header,footer,.city-footer-visual) :where(ul,ol,li,p,h1,h2,h3,h4,figure){margin:0;padding:0}.news-hero{padding:82px 0;background:linear-gradient(135deg,#fff8f3,#ffede5)}.news-hero span{color:#e45125;font-weight:700;letter-spacing:.12em}.news-hero h1{margin:8px 0 12px;font-size:clamp(38px,5vw,62px);line-height:1.15}.news-hero p{max-width:700px;margin:0;color:#5b6169;font-size:17px}.news-section{padding:70px 0 92px}.news-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:35px}.news-filters a{padding:9px 17px;border:1px solid #e8e9ed;border-radius:999px;color:#5b6169;font-size:14px}.news-filters a.active,.news-filters a:hover{border-color:#f7941e;background:#fff3e8;color:#d94720}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.news-card{overflow:hidden;border:1px solid #e8e9ed;border-radius:21px;background:#fff;box-shadow:0 10px 30px rgba(20,20,30,.06);transition:.25s}.news-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(225,37,27,.12)}.news-card img,.news-placeholder{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.news-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#fff3e6,#ffecea);color:#e1251b;font-size:54px;font-weight:800}.news-card-body{padding:23px}.news-meta{display:flex;justify-content:space-between;gap:10px;color:#858b92;font-size:12.5px}.news-meta span{color:#d45125;font-weight:600}.news-card h2{margin:11px 0 9px;font-size:20px;line-height:1.45}.news-card p{margin:0;color:#626870;font-size:14px;line-height:1.75}.news-card strong{display:inline-flex;gap:8px;margin-top:20px;color:#e1251b;font-size:14px}.news-empty{padding:70px 20px;border:1px dashed #ddd;border-radius:20px;text-align:center}.news-empty p{color:#777}.article{padding:68px 0 96px}.article-wrap{max-width:900px}.article-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin-bottom:26px}
.article-back{display:inline-block;color:#d85025;font-weight:600}.article-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:#777;font-size:13px}.article-meta span:first-child{color:#d85025;font-weight:600}.article h1{margin:14px 0 18px;font-size:clamp(27px,3.1vw,40px);line-height:1.32}.article-lead{color:#5b6169;font-size:19px;line-height:1.8}.article-cover{width:100%;max-height:540px;margin:30px 0;border-radius:24px;object-fit:cover}.article-content{color:#30343a;font-size:17px;line-height:1.9}.article-content h2,.article-content h3{margin-top:1.7em;line-height:1.4}.article-content img{max-width:100%;height:auto;border-radius:16px}.article-content a{color:#1976d2;text-decoration:underline}.article-cta{margin-top:48px;padding:32px;border-radius:22px;background:linear-gradient(135deg,#f7941e,#e1251b);color:#fff}.article-cta h2{margin:0 0 8px}.article-cta p{margin:0 0 18px}.article-cta a{display:inline-block;padding:10px 20px;border-radius:999px;background:#fff;color:#d63c20;font-weight:700}/* กดหมวดหรือเปลี่ยนหน้าแล้วให้เลื่อนมาที่รายการข่าว โดยเว้นระยะไม่ให้ Header ทับ */
html{scroll-behavior:smooth}
.news-section{scroll-margin-top:92px}
@media(max-width:600px){.news-section{scroll-margin-top:76px}}
.news-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:48px}
.news-pagination a{min-width:42px;padding:10px 15px;border:1px solid #e8e9ed;border-radius:12px;color:#5b6169;font-size:14px;text-align:center}
.news-pagination a.active,.news-pagination a:hover{border-color:#f7941e;background:#fff3e8;color:#d94720;font-weight:600}
.article-related{margin-top:56px;padding-top:34px;border-top:1px solid #ececf0}
.article-related h2{margin:0 0 22px;font-size:24px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.related-card{display:block;overflow:hidden;border:1px solid #e8e9ed;border-radius:16px;background:#fff;transition:.25s}
.related-card:hover{border-color:#f7941e;transform:translateY(-3px)}
.related-card img,.related-card .news-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;font-size:32px}
.related-card div{padding:15px 16px 18px}
.related-card time{display:block;margin-bottom:6px;color:#8c9199;font-size:12px}
.related-card strong{font-size:15px;line-height:1.6}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.news-hero{padding:55px 0}.news-section{padding:48px 0 70px}.news-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.article{padding:46px 0 72px}.article-lead{font-size:17px}.article-topbar{align-items:flex-start;flex-direction:column;gap:12px}}