/* ==========================================================================
   Content Section component sheet
   Shared grid/table styles live in sheet.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Content section — heading + body + optional media block
   -------------------------------------------------------------------------- */
.content-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.content-section__heading {
  margin: 0;
  font-family: var(--type-family-semibold), system-ui, sans-serif;
  font-size: var(--type-heading-md-size);
  font-weight: 400;
  line-height: var(--type-heading-md-line-height);
  letter-spacing: var(--type-heading-md-letter-spacing);
  color: var(--text-primary);
  max-width: var(--layout-reading-column-width);
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.content-section__body {
  margin: 0;
  font-family: var(--type-family-primary), system-ui, sans-serif;
  font-size: var(--type-body-md-size);
  line-height: var(--type-body-md-line-height);
  color: var(--text-primary);
  max-width: var(--layout-reading-column-width);
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}