/* ===== Scope เฉพาะ Rising Star ===== */
.rising-star-section .custom-ol{
  list-style:none;
  padding-left:0;
  margin:0;
}

/* ===== Level 1 (1,2,3) ===== */
.rising-star-section .level-1{
  counter-reset:section;
}

.rising-star-section .level-1 > li{
  counter-increment:section;
  position:relative;
  padding-left:20px;
  margin-bottom:25px;
}

.rising-star-section .level-1 > li::before{
  content:counter(section) ".";
  position:absolute;
  left:0;
  font-weight:700;
}

/* ===== Level 2 (2.1) ===== */
.rising-star-section .level-2{
  counter-reset:subsection;
  margin-top:10px;
}

.rising-star-section .level-2 > li{
  counter-increment:subsection;
  position:relative;
  padding-left:40px;
  margin-bottom:15px;
}

.rising-star-section .level-2 > li::before{
  content:counter(section) "." counter(subsection);
  position:absolute;
  left:0;
  font-weight:600;
}

/* ===== Level 3 (2.1.1) ===== */
.rising-star-section .level-3{
  counter-reset:item;
  margin-top:8px;
}

.rising-star-section .level-3 > li{
  counter-increment:item;
  position:relative;
  padding-left:60px;
  margin-bottom:10px;
}

.rising-star-section .level-3 > li::before{
  content:counter(section) "." counter(subsection) "." counter(item);
  position:absolute;
  left:0;
}

/* ===== Text spacing ===== */
.rising-star-section p{
  margin:8px 0;
  line-height:1.7;
}

.rising-star-section li{
  line-height:1.6;
}
/* ===== Responsive Improvement ===== */

/* ใช้หน่วยยืดหยุ่นแทน px */
.rising-star-section .level-1 > li{
  padding-left:clamp(35px, 5vw,);
}

.rising-star-section .level-2 > li{
  padding-left:clamp(45px, 6vw, );
}

.rising-star-section .level-3 > li{
  padding-left:clamp(55px, 7vw, );
}

/* ปรับ font ตามหน้าจอ */
.rising-star-section{
  font-size:clamp(14px, 1.1vw, 18px);
}

/* ===== Tablet ===== */
@media (max-width:768px){

  .rising-star-section li{
    margin-bottom:8px;
  }

}

/* ===== Mobile ===== */
@media (max-width:480px){

  .rising-star-section{
    font-size:14px;
  }

  /* ลดระยะเยื้อง */
  .rising-star-section .level-1 > li{
    padding-left:32px;
  }

  .rising-star-section .level-2 > li{
    padding-left:40px;
  }

  .rising-star-section .level-3 > li{
    padding-left:48px;
  }

  /* บังคับ wrap ดีขึ้น */
  .rising-star-section li{
    word-break:break-word;
  }

}
.rising-star-section .rising-contact{
  margin-top:20px;
}

.rising-star-section .rs-contact-item{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-bottom:16px;
  padding:12px 14px;
  border-radius:14px;

  background:rgba(255,255,255,0.03);
  transition:0.3s;
}

.rising-star-section .rs-contact-item:hover{
  background:rgba(0,255,166,0.08);
}

/* icon */
.rising-star-section .rs-icon{
  width:38px;
  height:38px;
  min-width:38px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;
  background:rgba(0,255,166,0.08);

  color:#00ffa6;
}

.rising-star-section .rs-icon svg{
  width:20px;
  height:20px;
}

/* text */
.rising-star-section .rs-contact-item div{
  line-height:1.6;
}

/* link */
.rising-star-section .rs-contact-item a{
  color:#7ed957;
  text-decoration:none;
}

.rising-star-section .rs-contact-item a:hover{
  text-decoration:underline;
}
/* ===== Responsive: Tablet ===== */
@media (max-width:768px){

  .rising-star-section .rs-contact-item{
    gap:12px;
    padding:10px 12px;
  }

  .rising-star-section .rs-icon{
    width:34px;
    height:34px;
    min-width:34px;
  }

  .rising-star-section .rs-icon svg{
    width:18px;
    height:18px;
  }

  .rising-star-section .rs-contact-item div{
    font-size:14px;
  }

}

/* ===== Responsive: Mobile ===== */
@media (max-width:480px){

  .rising-star-section .rs-contact-item{
    flex-direction:row;   /* ยังเรียงแนวนอน */
    align-items:flex-start;
    gap:10px;
    padding:10px;
  }

  /* icon เล็กลง */
  .rising-star-section .rs-icon{
    width:30px;
    height:30px;
    min-width:30px;
  }

  .rising-star-section .rs-icon svg{
    width:16px;
    height:16px;
  }

  /* text */
  .rising-star-section .rs-contact-item div{
    font-size:13px;
    line-height:1.5;
  }

  /* link wrap ไม่ล้น */
  .rising-star-section .rs-contact-item a{
    word-break:break-word;
  }

}

/* ===== Small Mobile (≤360px) ===== */
@media (max-width:360px){

  .rising-star-section .rs-contact-item{
    flex-direction:column;   /* เปลี่ยนเป็น stack */
    align-items:flex-start;
  }

  .rising-star-section .rs-icon{
    margin-bottom:5px;
  }

}