#root-layout{--_bg-color: var(--mono-white);--_color: var(--mono-black);display:grid;row-gap:var(--size-10);color:var(--_color);padding-bottom:var(--size-10);>nav{--_top: var(--size-1);display:flex;position:fixed;top:var(--_top);left:var(--_top);right:var(--_top);column-gap:var(--size-5);align-items:center;z-index:var(--zindex-drawer);backdrop-filter:blur(4px);border-radius:var(--rounded);background-color:rgb(from var(--_bg-color) r g b / .7);padding:var(--size--1);max-width:calc(var(--viewport-max) - var(--size-6) * 2);margin-inline:auto;>a{flex-shrink:0;>img{max-height:var(--size-7)}}>ul{display:flex;column-gap:var(--size-3);flex-grow:1;justify-content:flex-end;align-items:center;>li{font-size:var(--size-0);font-family:var(--font-mono);padding-right:var(--size-3);&:has(a.active),&:has(a:hover){text-decoration:underline;text-underline-offset:5px;&:has(a.active){font-weight:var(--font-semibold)}}}}}>main{display:grid}>footer{--_row-gap: var(--size-2);--_align-items: center;--_flex-direction: column-reverse;@media(width>1024px){--_flex-direction: row;--_row-gap: 0;--_align-items: flex-start}display:flex;row-gap:var(--_row-gap);flex-direction:var(--_flex-direction);align-items:var(--_align-items);column-gap:var(--size-3);align-items:center;justify-content:center;>img{--_height: var(--size-5);@media(width>1024px){--_height: var(--size-12)}height:var(--size-5)}}}