body{flex-direction:column;min-block-size:100vh;display:flex}body>div{flex:1 0 auto}body>footer{padding:.5em max(calc((100vw - 30ch - 60ch - 30ch - 3em * 2) / 2), 1rem);border-block-start:1px solid #555;gap:1em;display:flex}body>footer.grid{--grid-gap:1.5em;--grid-min-width:20ch}html{scroll-padding-block-start:calc(calc((1.5 + 1) * 1rem + 1px) + calc(3.58rem + 2 * var(--border-width) + 1px));container-type:scroll-state}body>header{position:sticky;inset-block-start:calc(-1 * calc(calc((1.5 + 1) * 1rem + 1px) + calc(3.58rem + 2 * var(--border-width) + 1px)))}@container scroll-state(scrolled:top){body>header{inset-block-start:0}}@property --header-fade{syntax:"<percentage>";inherits:false;initial-value:50%}body>header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);--header-fade:50%;background:linear-gradient(to bottom, var(--color-l0) calc(var(--header-fade) - 50%), transparent var(--header-fade));transition:inset-block-start .3s,--header-fade .3s}body>header:has(:popover-open){--header-fade:150%}body>header{z-index:2;anchor-name:--header;inline-size:100%;container-type:inline-size}body>header aside nav{block-size:calc((1.5 + 1) * 1rem + 1px)}body>header>nav{block-size:calc(3.58rem + 2 * var(--border-width) + 1px)}body>header nav{padding:.5em max(calc((100vw - 30ch - 60ch - 30ch - 3em * 2) / 2), 1rem);border-block-end:1px solid #555;align-items:center;gap:1em;display:flex}body>header nav div{align-items:center;gap:1em;min-inline-size:0;display:flex}body>header nav search,body>header nav search form,body>header nav search .group{flex-direction:row;align-items:center;gap:1em;min-inline-size:0;display:flex}body>header nav search input{inline-size:100%;min-inline-size:0}body>header nav ul{gap:1em;display:flex}body>header nav:has(.skip)>ul{margin-inline-start:auto}body>header nav li{align-self:anchor-center}body>header nav li>form{max-inline-size:none;display:inline}body>header nav li>form button{all:unset;cursor:pointer;min-block-size:24px;min-inline-size:24px;color:var(--color-main);align-items:center;display:inline-flex}body>header nav li>form button:is(:hover,:active,:focus-visible){background:0 0;scale:none}body>header nav li>form button:hover{color:color-mix(in srgb, var(--color-main-pseudo) 8%, var(--color-main));text-underline-position:under;text-decoration:underline;text-decoration-thickness:.4em}body>header nav :is(a,button):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}body>header nav .hamburger{margin-inline-start:auto;display:none}body>header nav .hamburger:before{content:"";clip-path:polygon(0 0,100% 0,100% 20%,0 20%,0 40%,100% 40%,100% 60%,0 60%,0 80%,100% 80%,100% 100%,0 100%);background-color:currentColor;block-size:1em;inline-size:1.25em}@media (forced-colors:active){body>header nav .hamburger:before{background-color:buttontext}}body>header nav [popover]{block-size:auto;inline-size:auto;min-inline-size:0;color:inherit;background:0 0;border:none;flex:1;gap:1em;margin:0;padding:0;display:flex;position:static;overflow:visible}body>header nav [popover]>div:last-child{margin-inline-start:auto}@container (inline-size<60ch){body>header nav .hamburger{justify-content:center;align-items:center;display:flex}body>header nav [popover]{position-anchor:--header;inset:auto;block-size:0;max-block-size:80dvh;padding-block:0;padding-inline:max(calc((100vw - 30ch - 60ch - 30ch - 3em * 2) / 2), 1rem);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(to bottom, var(--color-l0), transparent);interpolate-size:allow-keywords;transition:block-size .3s, padding-block .3s, display .3s allow-discrete, overlay .3s allow-discrete;border-block-end:1px solid #555;display:none;position:fixed;inset-block-start:anchor(end);inset-inline:0;overflow:auto}body>header nav [popover]>div{display:block}body>header nav [popover] ul{flex-direction:column;gap:0}body>header nav [popover] li{align-self:stretch}body>header nav [popover] :is(a,form button){align-items:center;min-block-size:44px}body>header nav [popover]:popover-open{block-size:auto;padding-block:.5em;display:block}@starting-style{body>header nav [popover]:popover-open{block-size:0;padding-block:0}}}