/*
  Facts — three figures (icon + number + label) in a rounded cream panel.
  Width is controlled by the page-builder row, not here. Icons keep their brand
  colours (baked into the SVGs); text is dark green for AA contrast on cream.
*/

.facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-l) var(--space-2xl);
  padding: 2.75rem 3rem; /* 44px block / 48px inline — per design */
  background-color: var(--color-cream);
  border-radius: 2rem; /* 32px — matches the design */
  color: var(--color-green-dark);
}

.facts__item {
  display: flex;
  align-items: center;
  gap: var(--space-m);
}

.facts__icon {
  display: flex;
  flex-shrink: 0;
}

.facts__icon svg {
  width: auto;
  height: 4.5rem; /* ~72px — matches the design icons */
}

.facts__text {
  display: flex;
  flex-direction: column;
}

.facts__value {
  font-family: var(--font-serif);
  font-size: var(--text-h3);
  font-weight: 700;
  line-height: 1.1;
}

.facts__label {
  font-family: var(--font-sans-serif);
  font-size: var(--text-h4);
  font-weight: 600;
  line-height: 1.2;
}