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}body>header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(to bottom, var(--color-l0), transparent 50%)}body>header nav{padding:.5em max(calc((100vw - 30ch - 60ch - 30ch - 3em * 2) / 2), 1rem);border-block-end:1px solid #555;gap:1em;display:flex}body>header nav :nth-child(2)>:first-child{margin-inline-start:auto}body>header nav div{flex:1;gap:1em;min-inline-size:0;display:flex}body>header nav search,body>header nav search form,body>header nav search [role=group]{min-inline-size:0}body>header nav search input{inline-size:100%;min-inline-size:0}body>header nav div>ul{container-type:unset;flex:0}body>header nav ul{flex:1;gap:1em;display:flex;container-type:inline-size}body>header nav li{align-self:anchor-center}@container (inline-size<40ch){body>header nav li{background:red;display:none}}