/* Shared reading grid. Backgrounds and media may bleed; content stays aligned. */
:root {
  --content-max: 64rem;
  --page-gutter: 1.5rem;
  --content-edge: max(var(--page-gutter), calc((100vw - var(--content-max)) / 2));
}

@media (min-width: 600px) {
  :root { --page-gutter: 2rem; }
}

@media (min-width: 1024px) {
  :root { --page-gutter: 3rem; }
}

.wrap {
  width: min(var(--content-max), calc(100% - 2 * var(--page-gutter)));
  margin-inline: auto;
  padding-inline: 0;
}