/* grid-4 — 4-cell 격자 (Flexbox 2x2). Satori는 grid 미지원 → flex row + flex col 조합. */
.grid4-root {
  display: flex;
  flex-direction: column;
  background: var(--primary, #0f0f0f);
  font-family: var(--font-display, "Pretendard"), "Noto Sans KR";
  padding: 64px;
}
.grid4-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  gap: 24px;
}
.grid4-cell {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  background: var(--secondary, #171717);
  border-radius: var(--radius, 8px);
  padding: 40px;
}
.grid4-label {
  font-size: 22px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent, #3ecf8e);
}
.grid4-value {
  font-size: 64px;
  font-weight: 700;
  letter-spacing: -0.02em;
}