/* ==========================================================================
   content-section block (BEM: content-section)
   Minta: H2 → kép → szöveg — minden nézeten ebben a sorrendben.
   A képek mindig teljes egészében, vágás nélkül jelennek meg.
   ========================================================================== */
.content-section {
  scroll-margin-top: 5.5rem;
}

.content-section--with-image {
  display: flex;
  flex-direction: column;
}

.content-section__media {
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-block: var(--space-h2-text);
  background: var(--color-card-bg);
}

.content-section__media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.content-section__body {
  min-width: 0;
}