@layer layout{.page{padding-inline:var(--page-gutter);max-width:var(--page-max)}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));column-gap:var(--grid-gutter)}.stack>* + *{margin-block-start:var(--stack-space,var(--space-m))}.spine{display:grid;grid-template-columns:[full-start] var(--page-gutter) [content-start] 1fr [content-end] var(--page-gutter) [full-end]}.spine>*{grid-column:content}@media (min-width:60rem){.spine{grid-template-columns:[full-start] minmax(var(--page-gutter),1fr) [gutter-start] minmax(8rem,3fr) [gutter-end content-start] minmax(0,14fr) [content-end aside-start] minmax(var(--page-gutter),3fr) [aside-end] minmax(var(--page-gutter),1fr) [full-end]}}}