@layer theme.components {

.key-figures { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.key-figures__card { background: var(--color-bg-section-alt); border-radius: var(--radius-lg); padding: 24px 26px; }
.section--grey .key-figures__card { background: var(--color-bg-page); }
.key-figures__card dt { font-size: var(--font-size-small); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-text-muted); margin-block-end: 8px; }
.key-figures__card dd { margin: 0; }
.key-figures__value { font-size: var(--font-size-h3); font-weight: 600; letter-spacing: -0.02em; }
.key-figures__note { display: block; font-size: var(--font-size-body); line-height: 1.5; color: var(--color-text-muted); margin-block-start: 6px; }
.section-key-figures .section__title { margin-block-end: 28px; }

}
