/* Frame widths remain independent from backgrounds and reading measure. */
.site-header { padding-inline: max(var(--gutter), calc((100% - var(--header-max)) / 2)); }
.hero { width: min(calc(100% - (2 * var(--gutter))), var(--header-max)); }
.site-footer { padding-inline: 0; }
.footer-main { width: min(calc(100% - (2 * var(--gutter))), var(--footer-max)); margin-inline: auto; }
.content-layout > .prose { max-width: none; }
.wrap.prose, .wrap.reference-notes { max-width: var(--content-max); }
.wrap.prose > p { max-width: 78ch; }
main > .reading-navigation { width: min(calc(100% - (2 * var(--gutter))), var(--content-max)); margin-inline: auto; }
.reading-guide { box-sizing: border-box; max-width: var(--content-max); }