/* 읽을거리 — combo.css 위에 얹는다. 본문을 읽는 리듬에 맞춘 타이포. */
.wrap.art{max-width:720px}
.art p{font-size:1rem;line-height:1.78;margin-top:16px}
.art h2{font-size:1.18rem;font-weight:800;letter-spacing:-.03em;margin-top:38px;
  padding-top:22px;border-top:1px solid var(--line)}
.art h3{font-size:1rem;font-weight:700;margin-top:26px}
.art .meta{font-size:.82rem;color:var(--muted);margin-top:8px}
.art ul,.art ol{margin:14px 0 0 1.1em;color:var(--ink-2)}
.art li{margin-top:7px;line-height:1.7}
.art li b{color:var(--ink)}

/* 본문 중간의 강조 상자 — 결론이나 주의를 담는다 */
.art .callout{margin-top:20px;background:var(--cold-soft);border-left:3px solid var(--cold);
  border-radius:0 10px 10px 0;padding:14px 16px;font-size:.95rem;line-height:1.72;color:var(--ink)}
.art .callout b{font-weight:700}

/* 순서대로 사는 목록 — 누적 숫자가 주인공이다 */
.steps{list-style:none;margin:20px 0 0;padding:0;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.steps li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:baseline;
  margin:0;padding:13px 16px;line-height:1.55}
.steps li+li{border-top:1px solid var(--line)}
.steps .no{color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}
.steps .nm{font-weight:700;color:var(--ink)}
.steps .nm em{display:block;font-style:normal;font-weight:400;font-size:.86rem;
  color:var(--muted);margin-top:2px}
.steps .cum{white-space:nowrap;font-size:.85rem;color:var(--cold);font-weight:700;
  font-variant-numeric:tabular-nums}

.art .cta{margin-top:30px}