.result-card { display: flex; flex-direction: column; justify-content: space-between; min-inline-size: 0; min-block-size: 19rem; padding: var(--space-8); gap: var(--space-12); border-radius: var(--radius-feature); background: var(--color-border-subtle); }
.result-card__value { position: relative; margin: 0; font-family: var(--font-heading); font-size: clamp(var(--fs-number-min), 4.444444vw, var(--fs-number-max)); font-weight: var(--font-weight-bold); line-height: 1.3; letter-spacing: -0.04em; text-transform: uppercase; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.result-card__sizer { visibility: hidden; }
.result-card__counter { position: absolute; inset: 0; }
.result-card__content { display: grid; gap: var(--space-4); }
.result-card__title { margin: 0; font-family: var(--font-heading); font-size: clamp(var(--fs-body-large), 1.666667vw, var(--fs-card-title-max)); font-weight: 600; line-height: 1.3; text-transform: uppercase; overflow-wrap: anywhere; }
.result-card__description { margin: 0; font-size: var(--fs-body); line-height: var(--line-height-control); color: var(--color-case-description); overflow-wrap: anywhere; }
@media (width < 48rem) { .result-card { min-block-size: 0; justify-content: flex-start; gap: var(--space-6); padding: var(--space-6); border-radius: var(--radius-panel); } .result-card__value { font-size: clamp(var(--fs-secondary-max), 12vw, var(--fs-number-min)); } }