/* content-section.css */
.content-section { margin-block: var(--sp-section); }
/* Text spans the full container width */
.content-section > .prose { max-width: none; }

/* Feature grid (H3 + text groups) */
.feature-grid { display: grid; gap: var(--sp-grid-gap); margin-top: var(--sp-paragraph); }
.feature-grid--2 { grid-template-columns: 1fr; }
.feature-grid--3 { grid-template-columns: 1fr; }
.feature-grid__item {
  background: var(--c-card);
  border-radius: var(--radius);
  padding: var(--sp-card-pad);
}
.feature-grid__item h3 { margin-bottom: var(--sp-h3-text); margin-top: 0; }

@media (min-width: 768px) {
  .feature-grid--2 { grid-template-columns: 1fr 1fr; }
  .feature-grid--3 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .feature-grid--3 { grid-template-columns: repeat(3, 1fr); }
}

/* Platform 2-col block (App page Android/iOS) */
.platform-grid { display: grid; gap: var(--sp-grid-gap); margin-top: var(--sp-paragraph); }
.platform-card {
  background: var(--c-card);
  border-radius: var(--radius);
  padding: var(--sp-card-pad);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}
.platform-card > * { min-width: 0; }
.platform-card__head { display: flex; align-items: center; gap: 1rem; }
.platform-card__icon { width: 56px; height: 56px; object-fit: contain; }
.platform-card__head h3 { margin: 0; }
.platform-card .btn { margin-top: auto; }
@media (min-width: 768px) {
  .platform-grid { grid-template-columns: 1fr 1fr; }
}

/* Two-column info split (image + text) — image never cropped */
.split { display: grid; gap: var(--sp-grid-gap); align-items: start; }
.split__media { border-radius: var(--radius-lg); overflow: hidden; background: var(--c-bg-dark); }
.split__media img { width: 100%; height: auto; display: block; }
@media (min-width: 1024px) {
  .split { grid-template-columns: 1fr 1fr; }
}