.page-wrapper{min-height:100dvh}@media (min-width:45rem){.page-wrapper:has(>.page-menu){display:grid;grid-auto-rows:var(--top-nav-height) calc(100dvh - var(--top-nav-height));grid-template-areas:"header header" "menu main";grid-template-columns:var(--page-menu-width-md) 1fr}.page-wrapper:has(>.page-menu)>.page-header{grid-area:header}.page-wrapper:has(>.page-menu)>.page-menu{grid-area:menu}.page-wrapper:has(>.page-menu)>.page-frame{grid-area:main;width:100%}}