/* One content edge for the navbar and every public page. */
:root { --site-content-max: 1440px; --site-gutter: 40px; --site-header-inset: max(var(--site-gutter), calc((100% - var(--site-content-max)) / 2)); }
.site-nav .header-inner, .stack-reader .site-nav .header-inner {
  width: min(var(--site-content-max), calc(100% - var(--site-gutter) * 2)); max-width: var(--site-content-max); margin-inline: auto;
}
.website { width: 100%; max-width: none; }
.website .rails, .reader-layout, .reader-closing, .stack-reader .j-ownership, .stack-reader .site-footer {
  width: min(var(--site-content-max), calc(100% - var(--site-gutter) * 2)); max-width: var(--site-content-max); margin-inline: auto;
}
/* Stack does not load page-shell.css; carry its rails through the footer spacer. */
.stack-reader .site-footer { border-inline: 1px solid var(--line); }
.workshop-home .pl-frame, .workshop-home .pl-header-spacer { padding-inline: max(var(--site-gutter), calc((100% - var(--site-content-max)) / 2)); }
.workshop-home .capabilities-showcase { width: auto; max-width: 100%; margin-inline: 0; }
@media (max-width: 800px) { :root { --site-gutter: 24px; } }
@media (max-width: 640px) { :root { --site-gutter: 16px; } }

/* Shared mobile H2 scale; its (0,1,2) specificity beats single-class section headings, while two-class component labels keep their own sizes. */
@media (max-width: 600px) {
  body:not([data-industry]) h2 { font-size: 32px; line-height: 32px; }
}