/* ===================================
   027 연구과제흐름도 — 페이지 전용 CSS
   - process-steps 카드 폰트/정렬 통일
   - 카드 가로 padding 28px 16px (긴 제목 한 줄 표시 위해 축소)
   - 화살표 padding 0 6px
   - 본문 ul/li display:block + width:100% (부모 text-align:center 영향 차단)
   font-size 토큰: typography.md # Type Scale
   =================================== */

.process-steps__card {
    padding: 28px var(--space-4);
}
.process-steps__arrow {
    padding: 0 6px;
}
.process-steps__title {
    font-size: var(--fs-block);
}
p.process-steps__text {
    font-size: var(--fs-small);
    text-align: left;
    margin: 0 0 var(--space-2);
    font-weight: var(--fw-bold);
    color: var(--color-primary-700);
}
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;
}

@media (max-width: 767px) {
  /* 모바일: 카드 패딩 및 화살표 간격 축소 */
  .process-steps__card {
    padding: var(--space-5) var(--space-3);
  }
  .process-steps__arrow {
    padding: 0;
  }
  ul.process-steps__text li {
    margin-bottom: var(--space-2);
  }
  ul.process-steps__text li:last-child {
    margin-bottom: 0;
  }
}