#app-shell{min-height:calc(100vh - 40px);position:relative;container:shell/inline-size}#navbar{z-index:1;flex-direction:column;justify-content:center;gap:1.25rem;padding:0 .75rem 0 0;display:flex;position:absolute;top:0;bottom:0;left:max(.25rem,50% - 32.5ch - 3.5rem);transform:translate(-100%)}#navbar a{color:var(--text);text-decoration:none;transition:color .2s}#navbar a:hover{cursor:pointer;color:var(--accent)}#content{flex-direction:column;min-height:calc(100vh - 40px);display:flex}@container shell (width<=calc(81ch + 8.5rem - 40px)){#navbar{background-color:var(--bg);flex-direction:row;justify-content:center;align-items:center;gap:1.25rem;width:100%;padding:.75rem 0;position:sticky;top:0;bottom:auto;left:auto;transform:none}#content{min-height:calc(100vh - 24px - 3rem)}}