:root {
  --gz-icon-ink: #24435e;
  --gz-icon-blue: #1677f2;
  --gz-icon-muted: #70859a;
  --gz-icon-orange: #f59a23;
}

.gz-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: var(--gz-icon-ink);
  vertical-align: -0.18em;
}

.gz-icon--sm { width: 17px; height: 17px; }
.gz-icon--lg { width: 24px; height: 24px; }
.gz-icon--blue { color: var(--gz-icon-blue); }
.gz-icon--muted { color: var(--gz-icon-muted); }
.gz-icon--accent { color: var(--gz-icon-orange); }

.gz-fact {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.gz-fact__copy small,
.gz-fact__copy strong,
.gz-fact__copy span { display: block; }
.gz-fact__copy small { color: #7890a5; font-size: 11px; }
.gz-fact__copy strong { margin-top: 4px; color: #132f49; font-size: 15px; }
.gz-fact__copy span { margin-top: 3px; color: #70859a; font-size: 11px; line-height: 1.45; }

/* 아이콘은 정보 제목 앞에만 둡니다. 문장 안과 모든 칩에 반복하지 않습니다. */