/* All page-level blocks share this frame. Adjust its width and gutters here. */
:root {
  --content-max: 1440px;
  --page-gutter: clamp(16px, 5vw, 80px);
  --content-inset: max(var(--page-gutter), calc((100% - var(--content-max)) / 2));
}

.section {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.header,
.section,
.buyer-hero,
.intro-strip,
.cta-band,
.fit-strip,
.footer,
.mobile-actions {
  padding-inline: var(--content-inset);
}

/* Panel edges follow the same frame; reading text keeps a comfortable measure. */
.buyer-faq,
.evidence-library > .evidence-note {
  max-width: none;
}

.buyer-faq p,
.evidence-library > .evidence-note p {
  max-width: 1000px;
}

@media (max-width: 1050px) {
  .header nav {
    padding-inline: var(--content-inset);
  }
}