/* Magazyny energii BESS — zwarty układ bez usuwania treści, dowodów ani FAQ. */

.bess-card-grid {
  gap: clamp(.75rem, 1.5vw, 1.15rem);
}

.bess-card-grid > .card {
  min-height: 0;
  padding: clamp(1.05rem, 1.8vw, 1.45rem);
}

.bess-card-grid > .card h3 {
  margin-top: .35rem;
  font-size: clamp(1.05rem, 1rem + .24vw, 1.22rem);
  line-height: 1.2;
}

.bess-card-grid > .card p {
  margin-top: .55rem;
  font-size: clamp(.88rem, .85rem + .12vw, .97rem);
  line-height: 1.48;
}

.bess-usecases-section .lead,
.bess-economics-section .lead,
.bess-knowledge-section .lead {
  max-width: 76ch;
}

/* Dwa akapity opłacalności mają węższą miarę (dawny atrybut style). */
.bess-economics-section .lead.u-measure-72 {
  max-width: 72ch;
}

.bess-process-section .steps {
  gap: clamp(.65rem, 1.3vw, 1rem);
}

.bess-process-section .step {
  min-height: 0;
  padding: clamp(.95rem, 1.6vw, 1.3rem);
}

.bess-process-section .step h3 {
  margin-top: .35rem;
  font-size: clamp(1.05rem, 1rem + .2vw, 1.2rem);
}

.bess-process-section .step p {
  margin-top: .45rem;
  font-size: clamp(.87rem, .84rem + .1vw, .95rem);
  line-height: 1.45;
}

.bess-knowledge-grid > .card {
  display: grid;
  align-content: start;
}

.bess-faq-section .faq {
  display: grid;
  grid-template-columns: 1fr;
  gap: .65rem;
}

.bess-faq-section .faq details {
  align-self: start;
  margin: 0;
}

.bess-flow .flow__track {
  flex-wrap: nowrap;
  align-items: flex-start;
}

.bess-flow .flow__line {
  align-self: flex-start;
  margin-top: 40.5px;
}

/* W poziomym schemacie węzły mogą się zwęzić przy większym tekście.
   Łączniki pozostają w jednym rzędzie, a podpisy zawijają się we własnym węźle. */
@media (min-width: 721px) {
  .bess-flow .flow__node {
    flex-shrink: 1;
  }

  .bess-flow .flow__label,
  .bess-flow .flow__sub {
    max-width: 100%;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}

@media (max-width: 720px) {
  .bess-card-grid {
    gap: .65rem;
  }

  .bess-card-grid > .card {
    padding: .9rem 1rem;
  }

  .bess-card-grid > .card h3,
  .bess-card-grid > .card p {
    margin-top: .35rem;
  }

  .bess-process-section .steps {
    gap: .55rem;
  }

  .bess-process-section .step {
    padding: .85rem 1rem;
  }

  .bess-faq-section .faq {
    grid-template-columns: 1fr;
    gap: .55rem;
  }

  .bess-flow .flow__track {
    flex-wrap: wrap;
  }

  .bess-flow .flow__line {
    margin-top: 0;
  }
}