/* Center the content while section backgrounds span the whole screen. */
body {
  --pad-x: max(clamp(24px, 4.5vw, 72px), calc((100vw - 1216px) / 2));
}

/* These blocks already have their own centered reading-width limits. */
.quote-inner,
.report {
  --pad-x: clamp(24px, 4.5vw, 72px);
}

/* Allow the closing cards to shrink before switching to a single column. */
@media (min-width: 621px) {
  .closing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Stack chart labels and reserve room for values on narrow article pages. */
@media (max-width: 620px) {
  .hbar {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .hbar .track {
    margin-right: 88px;
  }
}