/* Site-wide BaseContent, approved by the owner on 2026-10-27.
   Figma: 40000091:65734. Max width includes 24px side margins. */
.content-container,
.site-header,
.site-footer {
  width: 100%;
  max-width: var(--content-max-width);
  margin-inline: auto;
  padding-inline: var(--content-margin);
}

.content-grid {
  display: grid;
  grid-template-columns: repeat(var(--content-columns), minmax(0, 1fr));
  column-gap: var(--content-gutter);
}

.case-body {
  max-width: none;
  padding: 0;
}

.case-hero-heading {
  max-width: var(--content-max-width);
  padding: 64px var(--content-margin) 40px;
}

.cover {
  max-width: var(--content-max-width);
  padding: 0 var(--content-margin);
}

.factoids {
  display: grid;
  grid-template-columns: repeat(var(--content-columns), minmax(0, 1fr));
  gap: var(--content-gutter);
  max-width: var(--content-max-width);
  margin: var(--space-32) auto var(--space-64);
  padding: 0 var(--content-margin);
}

.factoid-card {
  grid-column: span 4;
  min-width: 0;
}

.case-intro {
  margin-top: var(--space-32);
}

.case-section {
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: 62px var(--content-margin) 78px;
  grid-template-columns: repeat(var(--content-columns), minmax(0, 1fr));
  column-gap: var(--content-gutter);
  row-gap: var(--space-24);
}

@media (min-width: 761px) {
  .case-section#B01 {
    padding-block: var(--space-60);
  }
}

.section-marker {
  grid-column: span 3;
}

.prose {
  grid-column: span 9;
  max-width: none;
}

@media (max-width: 760px) {
  .case-hero-heading {
    padding: 40px var(--content-margin) 32px;
  }

  .factoids {
    display: flex;
    margin: var(--space-24) auto var(--space-40);
  }

  .factoid-card {
    flex: 0 0 280px;
  }

  .case-section {
    padding: 32px var(--content-margin) 44px;
  }

  .section-marker,
    .prose {
    grid-column: 1 / -1;
  }
}