/* ปรับขนาดให้อ่านภาษาไทยสบายขึ้น */
body { line-height: 1.75; }
code, pre { font-size: 0.9em; }
.callout-title-container { font-weight: 600; }
.sourceCode { border-radius: 6px; }
.badge-cite { font-size: 0.85em; opacity: 0.85; }

/* ป้ายระบุว่าเป็นเนื้อหาของผู้สอน */
.instructor-banner {
  border-left: 6px solid #b9770e;
  background: rgba(241, 196, 15, 0.14);
  padding: 0.6rem 1rem;
  margin: 1rem 0 1.5rem;
  border-radius: 4px;
}
.instructor-banner p { margin: 0; }

/* ประวัติกิจกรรม */
.history-summary { display: flex; gap: 1rem; margin: 1rem 0 1.5rem; }
.history-summary > div { flex: 1; text-align: center; padding: 0.8rem; border: 1px solid #dee2e6; border-radius: 6px; }
.history-summary strong { display: block; font-size: 1.8rem; line-height: 1.2; }
.history-summary span { font-size: 0.9rem; opacity: 0.75; }
.history-card { border: 1px solid #dee2e6; border-radius: 8px; padding: 1rem 1.25rem; margin: 0 0 1.5rem; }
.history-card h3 { margin-top: 0; }
.history-meta { opacity: 0.8; margin-top: -0.4rem; }
.history-sessions { width: 100%; margin: 0.5rem 0 1rem; }
.history-images { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.history-images figure { margin: 0; }
.history-images img { width: 100%; height: auto; border-radius: 6px; }
.history-images figcaption { font-size: 0.85rem; opacity: 0.8; margin-top: 0.3rem; }