:host {
  @apply bg-isa-neutral-400 rounded-2xl p-6 text-isa-neutral-900;
  @apply flex flex-wrap gap-[80px] items-stretch;
}

.info-block {
  @apply flex flex-col justify-between flex-grow-0;
}

.info-block:nth-child(1) {
  @apply w-[164px];
}

.info-block:nth-child(2) {
  @apply w-[164px];
}

.info-block:nth-child(3) {
  @apply w-[164px];
}

.info-block:nth-child(4) {
  @apply w-[444px];
}

/* Tablet responsive - reduces gap and allows natural flex-wrap for 3+1 layout */
@media (max-width: 1279px) {
  :host {
    @apply gap-6;
  }
  .info-block {
    @apply w-auto min-w-[164px];
  }
}

.info-block--value {
  @apply isa-text-body-2-bold;
}

.info-block--label {
  @apply isa-text-body-2-regular;
}
