/** hyper-auto-layout | https://heyallan.github.io/hyper-layout */
body{margin-right:auto;margin-left:auto;padding:2rem 1rem 3rem;max-width:900px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:center}body *{min-width:0}body>*{padding-right:.5rem;padding-left:.5rem;flex-grow:1;flex-shrink:0;flex-basis:calc(100% - 1rem);max-width:100%}body>main{flex-basis:calc(70% - 1rem);min-width:calc(70% - 5%)}body>aside{flex-basis:calc(30% - 1rem);min-width:calc(269.4px - 5%)}body>nav:first-child{margin-top:-2rem;padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray);min-width:0;overflow-x:scroll;white-space:nowrap}