/******************************************/
/******************************************/
/******************************************/
/******************************************/
/******************************************/

p.header{
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: lightblue;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  margin-top: 5px;
  margin-bottom: 15px;
  font-weight: 600;
}
/* --- ส่วนที่เพิ่มไอค่อน --- */
p.header::before {
  content: "✎";  /* ใส่ Unicode ตรงนี้ */
  margin-right: 5px;
   /* เว้นระยะห่างจากตัวหนังสือ */
  /* color: #555;        */
  /* สีของไอค่อน (แยกจากสีตัวหนังสือได้) */
  /* ถ้าไม่อยากให้ไอค่อนโดนขีดเส้นใต้ด้วย ให้เปิดคอมเมนต์บรรทัดล่างนี้ */
  display: inline-block; text-decoration: none; 
}




/* --- ตั้งค่าพื้นฐานสำหรับ ol ทุกชั้น --- */
ol.auto-number{
  font-size: 0.95rem;  
}
ol.auto-number, ol.auto-number ol {
  list-style-type: none; /* ปิดเลขเดิม */
  margin: 0;
  padding: 0;  
}
ol.auto-number li {
  display: block;  
}



/* =========================================
   ชั้นที่ 1: ตั้งชื่อตัวนับว่า level1
   รูปแบบ: 1.)
   ========================================= */
ol.auto-number {
  counter-reset: level1;
}
ol.auto-number > li::before {
  counter-increment: level1;
  content: counter(level1) ".) ";
  margin-right: 5px;  
}

/* =========================================
   ชั้นที่ 2: ตั้งชื่อตัวนับว่า level2
   รูปแบบ: 1.1) (ดึงเลขชั้น 1 มาต่อด้วยชั้น 2)
   ========================================= */
ol.auto-number > li > ol {
  counter-reset: level2;
  padding-left: 15px; /* ขยับย่อหน้า */  
}

ol.auto-number > li > ol > li::before {
  counter-increment: level2;
  /* ดึง level1 มา + จุด + level2 */
  content: counter(level1) "." counter(level2) ") ";
  margin-right: 5px;
  color: #ddd;
}

/* =========================================
   ชั้นที่ 3: ตั้งชื่อตัวนับว่า level3
   รูปแบบ: 1.1 ก.) (ดึงเลขชั้น 1.2 มา + เว้นวรรค + ก.)
   ========================================= */
ol.auto-number > li > ol > li > ol {
  counter-reset: level3;
  padding-left: 20px;
}

ol.auto-number > li > ol > li > ol > li::before {
  counter-increment: level3;
  /* นี่คือจุดสำคัญ: counter(ชื่อตัวแปร, สไตล์) */
  /* สั่งให้ level3 แสดงเป็น 'thai' (ก, ข, ค) */
  /* content: counter(level1) "." counter(level2) " " counter(level3, thai) ".) "; */
  content: counter(level1) "." counter(level2) " " counter(level3, lower-alpha) ".) ";
  
  color: #bbb; 
  margin-right: 5px;
}




/******************************************/
/******************************************/
/******************************************/
/******************************************/
/******************************************/


.img-2col-ctn{
  display: flex; 
  align-items: stretch; 
  justify-content: center; 
  flex-wrap: nowrap;
  /* gap: 10px;  */
}

.img-2col-ctn img{
  width: auto; 
  height: 250px; 
  object-fit: cover; 
  max-width: 50%;
}