/* BP-L20 — how.html의 ③만 시안 B 적용. 시안 A 기록과 분리. */
.wa-giving2 { padding: clamp(140px, 24svh, 260px) 0 clamp(60px, 10svh, 120px); text-align: center; }
.wa-giving2-title { display: flex; flex-direction: column; align-items: center; }
.wa-giving2-pre { font-size: clamp(26px, 3vw, 46px); font-weight: 800; letter-spacing: -.04em; line-height: 1.2; }
.wa-giving2-num { display: inline-flex; align-items: baseline; margin-top: clamp(2px, .6svh, 8px); font-size: clamp(108px, 15vw, 236px); font-weight: 800; line-height: .96; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.wa-giving2-odo-box { display: inline-block; text-align: right; }
.wa-giving2-odo, .wa-giving2-odo .odometer-digit { font-variant-numeric: tabular-nums; }
.wa-giving2 .odometer.odometer-theme-minimal { vertical-align: baseline; }
.wa-giving2 .odometer .odometer-digit { vertical-align: baseline; }
.wa-giving2-lines { margin-top: clamp(36px, 6svh, 64px); display: grid; gap: 8px; }
.wa-giving2-read { font-size: clamp(19px, 1.9vw, 28px); font-weight: 700; line-height: 1.45; letter-spacing: -.03em; text-wrap: balance; }
.wa-giving2-w { transition: color .35s ease; }
.wa-anim .wa-giving2-w { color: var(--wa-dim); }
.wa-anim .wa-giving2-w.is-lit { color: var(--wa-fg); }

@media (max-width: 768px) {
  .wa-giving2 { padding-top: 112px; }
}
@media (prefers-reduced-motion: reduce) {
  .wa-giving2-w { color: var(--wa-fg) !important; transition: none !important; }
  .wa-giving2 .odometer-ribbon-inner { transition: none !important; }
}

/* 관제탑 10/12: 휴대폰에서 "10%를"이 "10%" / "를"로 갈리지 않게 — 낱말 안에서는 줄을 바꾸지 않음 */
.wa-giving2-w { white-space: nowrap; }