/* ═══════════════════════════════════════════════════════
   ChartFlow — about.html 전용 (접두어 ab-) · 2026-10-18 개편
   공용 부품: .page-header · .ui-grid--2 · .ui-card · .ui-icon-box · .process-steps · .chip--link · .cta
   ═══════════════════════════════════════════════════════ */

/* 하는 일 — 카드 두 장 */
.ab-card { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 28px 30px; }
.ab-card .ui-icon-box { margin-bottom: 4px; }
.ab-card-text { font-size: var(--fs-small); color: var(--c-ink-2); line-height: 1.75; flex: 1; }
.ab-card-link { margin-top: 4px; font-size: var(--fs-small); }

/* 강의와 펀디드 — 단계 목록 (education 과 같은 .process-steps) */
.ab-steps { list-style: none; }
.ab-steps .process-step:first-child { border-top: 0; padding-top: 0; }

/* 운영 방식 — 두 열 목록, 줄마다 위 선 */
.ab-rules { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; max-width: 980px; }
.ab-rules > li { padding: 22px 0 24px; border-top: 1px solid var(--c-line); }
.ab-rules h3 { margin-bottom: 6px; }
.ab-rules p { font-size: var(--fs-small); color: var(--c-ink-2); line-height: 1.75; max-width: 40em; }
.ab-rules .ab-rules-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

@media (max-width: 640px) {
  .ab-card { padding: 22px 20px; }
  .ab-rules { grid-template-columns: 1fr; }
  .ab-rules > li { padding: 18px 0 20px; }
}