/* ส่วนเสริมของหน้าข่าวจริง (news/<slug>.html จาก src/news_page.php): สรุปสั้น เนื้อหาแบบ HTML
   ภาพประกอบ คำถามที่พบบ่อย ผู้เขียน แท็ก แยกจาก news.css เพื่อไม่ให้กระทบหน้าข่าวแบบเดิม */

/* ===== หัวข้อในกล่องข้อมูลกิจกรรม =====
   ใช้ h2 แทน h3 เดิม (ลำดับหัวข้อไม่ข้ามขั้น) จึงต้องคุมขนาดให้เท่า .facts h3 */
.read .facts h2{font-size:18px;color:#7d4485;margin:0 0 8px}

/* ===== สรุปสั้น (TL;DR) ===== */
.tldr{border-left:4px solid #7d4485;background:#faf7fb;border-radius:0 18px 18px 0;
  padding:18px 24px;margin:0 0 28px;font-size:17px;line-height:1.8}
.read .tldr h2{font-size:16px;color:#7d4485;margin:0 0 6px}
.read .tldr p{margin:0 0 8px}
.read .tldr p:last-child{margin:0}

/* ===== เนื้อหาแบบ HTML ในกรอบ =====
   ความสูงตั้งจาก news-embed.js ค่าเริ่มกันกรอบว่างก่อนสคริปต์ทำงาน */
.embed{margin:0 0 28px}
.embed-frame{display:block;width:100%;height:480px;border:0}

/* ===== ภาพประกอบ ===== */
.gallery ul{list-style:none;margin:0 0 28px;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.gallery a{display:block;border-radius:14px;overflow:hidden}
.gallery img{display:block;width:100%;height:160px;object-fit:cover}

/* ===== คำถามที่พบบ่อย ===== */
.faq details{border-bottom:1px solid #e6dfe8;padding:12px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:18px;line-height:1.6;min-height:44px;
  display:flex;align-items:center}
.faq details p{margin:10px 0 0;font-size:17px}

/* ===== ผู้เขียน แหล่งที่มา แท็ก ===== */
.read .byline,.read .src{font-size:15px;color:#6f6575;margin:28px 0 6px;line-height:1.7}
.read .src{margin-top:0}
.read .src a{color:#7d4485;font-weight:700}
.tags{list-style:none;margin:16px 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;
  background:#f6f1f7;color:#7d4485;font-size:15px;font-weight:700;text-decoration:none}
.tags a:hover,.tags a:focus-visible{background:#ecdff0}

/* ===== หน้ารวมข่าวตามแท็ก (news/tag/<id>.html) =====
   หัวการ์ดเป็น h2 เพราะหน้ามี h1 ชื่อแท็กแล้ว จึงคุมขนาดให้เท่า .nc h3 เดิม */
.nw-tag .wrap{padding-top:120px;padding-bottom:64px}
.nw-tag h1{font-size:40px;font-weight:800;margin:0 0 4px}
.tag-count{color:#6f6575;margin:0 0 28px}
.tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;
  margin:0 0 36px}
.nc h2{font-size:20px;font-weight:700;margin:2px 0 6px;transition:color .2s}
@media (max-width:700px){
  .nw-tag .wrap{padding-top:96px}
  .nw-tag h1{font-size:30px}
}