/* ===================================
   026 연구비 집행절차 — 페이지 전용 CSS
   process-steps 카드 본문 ul/li 정렬 통일
   부모 카드 text-align:center 환경에서 ul/li가 카드 안쪽 가운데로
   시프트되지 않도록 명시 block + 100% width 강제. 불릿은 ::before로 좌측 고정.
   =================================== */

ul.process-steps__text {
    display: block;
    width: 100%;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: var(--fs-small);
}
ul.process-steps__text li {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 14px;
    margin: 0 0 6px 0;
    text-align: left;
    box-sizing: border-box;
}
ul.process-steps__text li:last-child {
    margin-bottom: 0;
}
ul.process-steps__text li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-gray-700);
    line-height: 1.6;
}
ul.process-steps__text small {
    display: block;
    font-size: var(--fs-small);
    color: var(--color-gray-500);
    margin-top: 2px;
}

@media (max-width: 767px) {
  /* 모바일: 항목 간 간격을 토큰 기반으로 명시 (터치 여백 확보) */
  ul.process-steps__text li {
    margin-bottom: var(--space-2);
  }
  ul.process-steps__text li:last-child {
    margin-bottom: 0;
  }
}