/* Layout primitives — containers, grids, section padding.
 * All scoped under [data-mr="1"].
 */

[data-mr="1"] .mr-container {
  width: 100%;
  max-width: var(--mr-container-default);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--mr-container-pad-x);
  padding-right: var(--mr-container-pad-x);
}

[data-mr="1"] .mr-container--narrow {
  max-width: var(--mr-container-narrow);
}

[data-mr="1"] .mr-container--prose {
  max-width: var(--mr-container-prose);
}

[data-mr="1"] .mr-container--wide {
  max-width: var(--mr-container-wide);
}

@media (max-width: 1024px) {
  [data-mr="1"] .mr-container,
  [data-mr="1"] .mr-container--narrow,
  [data-mr="1"] .mr-container--prose,
  [data-mr="1"] .mr-container--wide {
    padding-left: var(--mr-container-pad-x-md);
    padding-right: var(--mr-container-pad-x-md);
  }
}

@media (max-width: 480px) {
  [data-mr="1"] .mr-container,
  [data-mr="1"] .mr-container--narrow,
  [data-mr="1"] .mr-container--prose,
  [data-mr="1"] .mr-container--wide {
    padding-left: var(--mr-container-pad-x-sm);
    padding-right: var(--mr-container-pad-x-sm);
  }
}

/* Section vertical rhythm — single rule replaces stairsteps. */
[data-mr="1"] .mr-section {
  padding-top: clamp(72px, 8vw, 112px);
  padding-bottom: clamp(72px, 8vw, 112px);
}

[data-mr="1"] .mr-section--compact {
  padding-top: clamp(48px, 6vw, 72px);
  padding-bottom: clamp(48px, 6vw, 72px);
}

[data-mr="1"] .mr-section--tight {
  padding-top: var(--mr-space-9);
  padding-bottom: var(--mr-space-9);
}

/* Grids. */
[data-mr="1"] .mr-grid {
  display: grid;
  gap: var(--mr-space-7);
}

[data-mr="1"] .mr-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

[data-mr="1"] .mr-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

[data-mr="1"] .mr-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1024px) {
  [data-mr="1"] .mr-grid--3,
  [data-mr="1"] .mr-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  [data-mr="1"] .mr-grid--2,
  [data-mr="1"] .mr-grid--3,
  [data-mr="1"] .mr-grid--4 {
    grid-template-columns: 1fr;
  }
}

/* Stack helpers. */
[data-mr="1"] .mr-stack {
  display: flex;
  flex-direction: column;
  gap: var(--mr-space-4);
}

[data-mr="1"] .mr-stack--lg {
  gap: var(--mr-space-7);
}

[data-mr="1"] .mr-stack--xl {
  gap: var(--mr-space-9);
}

[data-mr="1"] .mr-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mr-space-4);
  align-items: center;
}

[data-mr="1"] .mr-row--lg {
  gap: var(--mr-space-7);
}

/* Section intro pattern (eyebrow + heading + body). */
[data-mr="1"] .mr-section-intro {
  max-width: 720px;
  margin: 0 auto var(--mr-space-9) auto;
  text-align: center;
}

[data-mr="1"] .mr-section-intro--start {
  text-align: left;
  margin-left: 0;
}

[data-mr="1"] .mr-section-intro .mr-eyebrow {
  margin-bottom: var(--mr-space-3);
}

[data-mr="1"] .mr-section-intro h2 {
  margin-bottom: var(--mr-space-4);
}

[data-mr="1"] .mr-section-intro p {
  font-size: var(--mr-fs-body-lg);
  line-height: var(--mr-lh-loose);
  color: var(--mr-text-secondary);
}