@layer components{.documentation-article{border-top:var(--layout-border);border-bottom:var(--layout-border);flex-direction:column;gap:16px;margin:40px auto;display:flex}.documentation-article__inner{--padding:20px;width:min(calc(100% - var(--padding)),var(--layout-width));background:linear-gradient(to top left,var(--grey-000)0%,var(--grey-100)50%,var(--grey-000)100%);flex-direction:column;min-height:80vh;margin-inline:auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.documentation-article__inner{--padding:50px}}@media (width>=781px){.documentation-article__inner{flex-direction:row}}.documentation-article__mobile-menu{top:var(--navigation-height);background-color:var(--grey-100);border-bottom:var(--layout-border);order:-1;position:sticky}@media (width>=781px){.documentation-article__mobile-menu{display:none}}.documentation-article__mobile-menu-toggle{font-family:var(--monospace-font);cursor:pointer;user-select:none;padding:10px}.documentation-article__mobile-menu[open] .documentation-article__mobile-menu-toggle{border-bottom:var(--layout-border)}}