.reci-section-heading {
  display: grid;
  gap: 12px;
  align-content: start;
}

.reci-section-heading > * {
  margin: 0;
}

.reci-section-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 30px;
  padding: 0 14px;
  border: 1px solid var(--reci-section-label-border, rgba(28, 36, 48, 0.08));
  border-radius: 999px;
  background: var(--reci-section-label-bg, rgba(255, 255, 255, 0.78));
  color: var(--reci-section-label-color, #5f84ad);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.reci-section-title {
  color: var(--reci-section-title-color, currentColor);
  font-family: var(--reci-section-title-font, "Segoe UI Variable Display", "Yu Gothic UI", "Hiragino Sans", sans-serif);
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.3;
}

.reci-section-copy {
  max-width: 58ch;
  color: var(--reci-section-copy-color, #566372);
  font-size: 0.98rem;
  line-height: 1.8;
}

.reci-section-heading--compact {
  gap: 8px;
}