/*! LunarCSS v0.2.0 | MIT License | https://github.com/nikolaiwu/lunarcss#readme | Optional layout */
@layer lunarcss-layout{:root{--lunar-page-width: 72rem;--lunar-sidebar-width: 20rem;--lunar-layout-gap: var(--lunar-space-8);--lunar-card-min-width: 18rem;--lunar-page-gutter: var(--lunar-space-4);--lunar-button-gap: calc(var(--lunar-space-1) / 2)}body{max-width:var(--lunar-page-width);margin-inline:auto;padding:var(--lunar-page-gutter)}body>header,body>nav,body>main,body>aside,body>footer{margin-block-end:var(--lunar-layout-gap)}@media screen{body{min-height:100vh;min-height:100dvh}body>footer{position:sticky;top:100vh}}body:has(>main+aside),body:has(>aside+main){display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--lunar-layout-gap)}body:has(>main+aside)>header,body:has(>main+aside)>nav,body:has(>main+aside)>footer,body:has(>aside+main)>header,body:has(>aside+main)>nav,body:has(>aside+main)>footer{grid-column:1/-1}@media (min-width: 60rem){body:has(>main+aside){grid-template-columns:minmax(0,1fr) minmax(0,var(--lunar-sidebar-width))}body:has(>aside+main){grid-template-columns:minmax(0,var(--lunar-sidebar-width)) minmax(0,1fr)}}body>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--lunar-space-4)}body>header:not(:has(>nav)){display:block}nav>ul{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lunar-space-4);margin:0;padding:0;list-style:none}nav li{margin:0}nav>ul>li:before{content:none}main>section{margin-block-end:var(--lunar-layout-gap)}:has(>article+article):not(:has(>:not(article))){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--lunar-card-min-width)),1fr));gap:var(--lunar-space-6)}:has(>article+article):not(:has(>:not(article)))>article{margin:0}:has(>article+article):not(:has(>:not(article)))>article{display:flex;flex-direction:column}:has(>article+article):not(:has(>:not(article)))>article>footer{margin-block-start:auto}:has(>:is(button,input,select,textarea)+:is(button,input,select,textarea)):not(:has(>:not(:is(button,input,select,textarea)))){display:flex;flex-wrap:wrap;align-items:center;gap:var(--lunar-button-gap)}:has(>:is(button,input,select,textarea)+:is(button,input,select,textarea)):not(:has(>:not(:is(button,input,select,textarea))))>:is(button,input,select,textarea){margin-bottom:0}:has(>:is(button,input,select,textarea)+:is(button,input,select,textarea)):not(:has(>:not(:is(button,input,select,textarea))))>input:not([type=submit]):not([type=reset]):not([type=button]),:has(>:is(button,input,select,textarea)+:is(button,input,select,textarea)):not(:has(>:not(:is(button,input,select,textarea))))>select,:has(>:is(button,input,select,textarea)+:is(button,input,select,textarea)):not(:has(>:not(:is(button,input,select,textarea))))>textarea{flex:1 1 12rem;width:auto}body>footer{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:var(--lunar-space-4)}body>footer>*{margin-block:0}}