@layer arche.base;@layer arche.components{.arche-container{--arche-container-width:var(--arche-layout-width-page);box-sizing:border-box;min-width:0}.arche-container[data-width=reading]{--arche-container-width:var(--arche-layout-width-reading)}.arche-container[data-width=narrow]{--arche-container-width:var(--arche-layout-measure-narrow)}.arche-container[data-width=full]{--arche-container-width:100%}.arche-container[data-layout=block]{width:min(100% - 2 * var(--arche-layout-gutter), var(--arche-container-width));margin-inline:auto}.arche-container[data-layout=grid]{grid-template-columns:[full-start] minmax(var(--arche-layout-gutter), 1fr) [page-start] minmax(0, calc((var(--arche-layout-width-page) - var(--arche-container-width)) / 2)) [content-start] min(var(--arche-container-width), 100% - 2 * var(--arche-layout-gutter)) [content-end] minmax(0, calc((var(--arche-layout-width-page) - var(--arche-container-width)) / 2)) [page-end] minmax(var(--arche-layout-gutter), 1fr) [full-end];display:grid}.arche-container[data-layout=grid]>*{grid-column:content;min-width:0}.arche-container[data-layout=grid]>[data-bleed=page]{grid-column:page}.arche-container[data-layout=grid]>[data-bleed=full]{grid-column:full}.arche-container[data-tone=surface]{padding-block:var(--arche-spacing-12);background-color:var(--arche-color-surface);border-block:1px solid var(--arche-color-border-subtle)}@media (width>=48rem){.arche-container[data-tone=surface]{padding-block:var(--arche-spacing-16)}}.arche-container[data-layout=block][data-tone=surface]{width:auto;padding-inline:max(var(--arche-layout-gutter), (100% - var(--arche-container-width)) / 2);margin-inline:0}}