/* Shared page shell only. Component responsiveness lives with its component. */
:root {
  --page-gutter: 40px;
  --shell: min(1600px, calc(100vw - (var(--page-gutter) * 2)));
}

@media (max-width: 560px) {
  :root { --page-gutter: 20px; }
}