/* Dedicated styles for Original-vs-Recommended v2 pages (ใช้ร่วมกับ action_plan.css) */
body {
  font-family: 'Sarabun', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 17px;
  line-height: 1.6;
}
h1, h2, h3, h4, .font-heading {
  font-family: 'Noto Sans Thai', sans-serif;
}
code, pre, .font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
/* เนื้อหาบทความที่ render จาก HTML จริง */
.rich { color: #0f172a; line-height: 1.65; }
.rich p { margin: 0.4rem 0; }
.rich ul { list-style: disc; padding-left: 1.4rem; margin: 0.4rem 0; }
.rich ol { list-style: decimal; padding-left: 1.4rem; margin: 0.4rem 0; }
.rich li { margin: 0.25rem 0; }
.rich li > p { margin: 0; }
.rich strong { font-weight: 700; }
.rich img { display: block; max-width: 100%; max-height: 260px; object-fit: cover; border-radius: 0.6rem; border: 1px solid rgba(0,0,0,0.08); margin: 0.4rem 0; }
.rich a.lnk-int { color: #0f766e; text-decoration: underline; font-weight: 600; background: #f0fdfa; border-radius: 3px; padding: 0 2px; }
.rich a.lnk-ext, .rich a.lnk-ext-new { color: #0369a1; text-decoration: underline; font-weight: 700; background: #e0f2fe; border-radius: 3px; padding: 0 2px; }
.orig-table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 0.6rem 0; }
.orig-table th, .orig-table td { border: 1px solid #cbd5e1; padding: 0.45rem 0.6rem; text-align: left; vertical-align: top; white-space: pre-line; }
.orig-table thead th { background: #0051ba; color: #fff; }
.orig-table.new-table thead th { background: #f1f5f9; color: #0f172a; }
.orig-table caption { text-align: left; font-weight: 600; padding-bottom: 0.3rem; color: #1e293b; }

/* ไอคอนและป้ายแยก Internal vs External Link */
.rich a .ico-ext, .rich a .ico-int { display: inline-block; width: 0.82em; height: 0.82em; vertical-align: -0.08em; }
.rich a .ico-ext { margin-left: 0.2em; }
.rich a .ico-int { margin-right: 0.2em; }
.rich a.lnk-ext, .rich a.lnk-ext-new { color: #0369a1; background: #e0f2fe; border: 1px solid #7dd3fc; padding: 0 3px; text-decoration: underline; }
.rich a.lnk-int { color: #0f766e; background: #f0fdfa; border: 1px solid #99f6e4; padding: 0 3px; }
.rich a.lnk-int-new { color: #065f46; background: #d1fae5; border: 1px solid #34d399; font-weight: 700; text-decoration: underline; border-radius: 3px; padding: 0 3px; }
.rich a .ext-domain { margin-left: 0.25em; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.68em; font-weight: 600; color: #0c4a6e; text-decoration: none; display: inline-block; }
.rich a .int-new-tag { margin-left: 0.3em; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.68em; font-weight: 700; color: #ffffff; background: #059669; border-radius: 4px; padding: 0 4px; text-decoration: none; display: inline-block; }

/* ตารางดิบจาก HTML จริงของบทความ (ไม่มีคลาส) */
.rich table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 0.6rem 0; display: block; overflow-x: auto; }
.rich table th, .rich table td { border: 1px solid #cbd5e1; padding: 0.45rem 0.6rem; text-align: left; vertical-align: top; }
.rich table thead th { background: #0051ba; color: #fff; }
.rich table tbody th { background: #eff6ff; font-weight: 600; color: #0f172a; }