/* ใช้ร่วมกันโดย: article-health-4.html, article-health-5.html, article-life-1.html, article-general-1.html, article-saving-1.html — ไม่ต้องแก้ไฟล์นี้ (สไตล์เฉพาะสี/ธีมของแต่ละหน้ายังอยู่ใน <style> ของหน้านั้น) */
* { margin: 0; padding: 0; box-sizing: border-box; }
.az-article-body h2 { font-family: 'Prompt', sans-serif; font-size: 21px; font-weight: 700; color: #1a3a5c; margin: 2rem 0 1rem; }
.az-article-body li { font-size: 15.5px; color: #444; line-height: 1.9; margin-bottom: 0.5rem; }
.az-article-body p { font-size: 16px; color: #444; line-height: 1.9; margin-bottom: 1.25rem; }
.az-article-body ul { margin: 0 0 1.25rem 1.25rem; }
.az-article-body { max-width: 700px; margin: 0 auto; padding: 3rem 2rem; }
.az-article-cta a { background: #FF6B9D; color: #fff; font-weight: 700; padding: 13px 30px; border-radius: 30px; text-decoration: none; display: inline-block; font-size: 14px; }
.az-article-cta h3 { font-family: 'Prompt', sans-serif; color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 0.5rem; }
.az-article-hero .meta { font-size: 13px; color: #999; }
.az-article-hero-icon { font-size: 56px; margin-bottom: 1rem; }
.az-article-tags { display: flex; gap: 8px; justify-content: center; margin-bottom: 1rem; }
.az-related h2 { font-family: 'Prompt', sans-serif; font-size: 20px; font-weight: 700; color: #1a3a5c; margin-bottom: 1.25rem; text-align: center; }
.az-related { max-width: 900px; margin: 3rem auto; padding: 0 2rem; }
.az-related-card .title { font-family: 'Prompt', sans-serif; font-size: 14px; font-weight: 600; color: #1a3a5c; line-height: 1.5; }
.az-related-card { background: #f8fbff; border: 1px solid #e8f4fd; border-radius: 12px; padding: 1.25rem; text-decoration: none; display: block; }
.az-related-card:hover { border-color: #2E80C8; }
.az-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.az-tag { font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 10px; }