.site-shell { width: 100%; max-width: calc(var(--content-wide) + (2 * var(--page-gutter))); margin-inline: auto; padding-left: max(var(--page-gutter), env(safe-area-inset-left)); padding-right: max(var(--page-gutter), env(safe-area-inset-right)); }
.site-shell > *,
.site-header__inner > *,
.site-nav > * { min-width: 0; }
.reading { max-width: var(--content-reading); }
.site-shell.reading { max-width: calc(var(--content-reading) + (2 * var(--page-gutter))); }
.section { padding-block: var(--space-section); }
.section--compact { padding-block: var(--space-section-compact); }
.section--ivory { background: var(--color-ivory); color: var(--color-ink); }
.section--dark { background: var(--color-charcoal); color: var(--color-ink); }
.stack > * + * { margin-top: var(--space-stack, 1.5rem); }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }