/* Article - index */
	
    .content-index li {
        font-weight:600;
    }
	.article-detail p.IBM-font, .article-detail blockquote.IBM-font{
		text-indent: 35px;
		
	}
    /* Article - bullet content */
    .article-detail ul,
    .article-detail ol,
    .content-detail ul,
    .content-detail ol{
        list-style: none;
        padding-left: 0;
        margin-left: 0;
    }

    .article-detail li,
    .content-detail li{
        position: relative;
        padding-left: 36px;
        margin-bottom: 10px;
    }

    .article-detail-check li::before,
    .content-detail-check li::before{
        content: "";
        position: absolute;
        left: 0;
        top: 0.15em; 
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: #64B5A6; 
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 14px 14px; 
    }

    .article-detail li > *,
    .content-detail li > *{
        vertical-align: middle;
    }


.article-detail ol, .article-detail ol li
{
}
.article-detail li::marker,
.content-detail li::marker{
  color:#64B5A6;   /* สีจุด */
  font-size:1.1em;
}

.article-detail ul li::before,
.content-detail ul li::before{
 --bullet-size: 18px;      /* ปรับขนาดไอคอน */
  --bullet-color: #3B7169;  /* สีวงกลม */
	color: #3B7169;
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;              /* จูนตำแหน่งแนวตั้งให้พอดีฟอนต์ */
  width: var(--bullet-size);
  height: var(--bullet-size);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--bullet-size) var(--bullet-size);
  /* ไอคอน SVG แบบ data URI (วงกลมทึบ) */
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<circle cx='12' cy='12' r='10' fill='%233B7169'/>\
</svg>");
  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23"
    /* แปลง #RRGGBB เป็น %23RRGGBB อัตโนมัติผ่าน var()? ใช้ filter ด้านล่างแทน */
  );
}
/* ถ้าต้องการง่ายกว่า: เลี่ยงการแทนสีใน data URI แล้วใช้ filter ย้อมสี */
.article-detail li::before,
.content-detail li::before{
  filter: drop-shadow(0 0 0 var(--bullet-color)); /* ย้อมสีในบางกรณี */
}