@layer base{.page-body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:14px;transition:background-color .3s,color .3s}.sidebar-offset{margin-left:0}@media(width >= 1024px){.sidebar-offset{margin-left:var(--sidebar-width)}}.content-area{padding:.375rem .5rem;>.header-container .heading-page{margin-bottom:1rem}}@media(width >= 768px){.content-area{padding:1.5rem .5rem}}@media(width >= 87.5rem){.content-area{padding:1.5rem}}.page-container{max-width:78rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.page-container--narrow{max-width:48rem}.page-container--medium{max-width:64rem}.page-container--wide{max-width:72rem}.centered-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:1rem 1rem 3rem}.centered-page__inner{width:100%;max-width:28rem}@media(width >= 1024px){main{margin-top:var(--navbar-height)}}}