/* ═══════════════════════════════════════════════════════
   about.css — pages/about.php, security.php, cookie.php
   ═══════════════════════════════════════════════════════ */
.about-body { max-width: 1320px; margin: 0 auto; padding: 3rem 5% 4rem; }
.about-body p,
.about-body .about-para p { font-size: 1.14rem; font-weight: 300; line-height: 1.9; color: #444; margin-bottom: 1.5rem; text-align: justify; }
.about-body .about-para { font-size: 1.14rem; font-weight: 300; line-height: 1.9; color: #444; margin-bottom: 1.5rem; text-align: justify; }
.about-body .about-para strong,
.about-body p strong { font-weight: 600; }
.about-body .about-para mark { background: #fff3cd; padding: 0 .15rem; border-radius: 3px; }
.about-body p mark { background: #fff3cd; padding: 0 .15rem; border-radius: 3px; }
.about-img-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.5rem 0; }
.about-img-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; margin: 1.5rem 0; }
.about-img-grid-2 img,
.about-img-grid-3 img { width: 100%; border-radius: 8px; object-fit: cover; aspect-ratio: 4/3; display: block; }

@media (max-width: 576px) {
  .about-img-grid-2,
  .about-img-grid-3 { grid-template-columns: 1fr; }
}

/* h2/h3/ul/li ภายใน about-body (ใช้ร่วมกับ security/cookie) */
.about-body h2 { font-size: 1.3rem; font-weight: 400; color: var(--g-700,#374938); margin: 2rem 0 .75rem; }
.about-body h3 { font-size: 1.14rem; font-weight: 400; color: #333; margin: 1.4rem 0 .5rem; }
/* ลิงก์ภายใน about-body */
.about-body a, .about-body .about-para a {
  color: #2d8a4e; text-decoration: none;
  border-bottom: 1px solid #a8d5b5;
  transition: color .2s, border-color .2s;
}
.about-body a:hover, .about-body .about-para a:hover {
  color: #1f6636; border-bottom-color: #1f6636;
}

/* หัวข้อของแต่ละ section จาก admin */
.about-section-title {
  font-size: 1.35rem; font-weight: 500; color: var(--g-700,#374938);
  margin: 2.2rem 0 .6rem; padding-bottom: .35rem;
  border-bottom: 2.4px solid #485D4B;
}
.about-body ul,
.about-body ol { padding-left: 1.5rem; margin-bottom: 1.5rem; }
.about-body ul li,
.about-body ol li { font-size: 1.14rem; font-weight: 300; line-height: 1.9; color: #444; margin-bottom: .3rem; }

/* ลด padding ซ้าย-ขวา เฉพาะหน้าประวัติความเป็นมา (ไม่กระทบ security/cookie) */
.about-body.about-history { padding-left: 1rem; padding-right: 1rem; }

/* แก้ช่องว่างระหว่างคำภาษาไทยที่กว้างเกินไป — justify + Thai = gap ใหญ่ */
.about-body.about-history p,
.about-body.about-history .about-para,
.about-body.about-history .about-para p { text-align: justify; text-justify: inter-character; word-spacing: normal; }