@media (min-width: 1024px) {
html, body { height: 100%; }
body.pc-scroll-split { overflow: hidden; }
:root {
--header-h: 64px;
--adminbar-h: 0px;
--gap: 16px;
--left-w: 300px;
--right-w: 300px;
--pc-bottom-offset: 32px; }
.container.layout {
display: grid;
grid-template-columns: var(--left-w) minmax(0, 1fr) var(--right-w);
gap: var(--gap);
height: calc(100vh - var(--header-h) - var(--adminbar-h) - var(--pc-bottom-offset));
box-sizing: border-box;
}
body.pc-scroll-split .container.layout :is(> main, main) {
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
padding-bottom: var(--pc-bottom-offset);
scrollbar-width: none;
-ms-overflow-style: none;
}
body.pc-scroll-split .container.layout :is(> main, main)::-webkit-scrollbar {
width: 0;
height: 0;
}
body.pc-scroll-split .container.layout > aside {
position: sticky;
align-self: start;
top: calc(var(--header-h) + var(--adminbar-h));
height: calc(100vh - var(--header-h) - var(--adminbar-h) - var(--pc-bottom-offset));
overflow-y: auto;
overscroll-behavior: contain;
} body.pc-scroll-split .container.layout > aside {
height: calc(100vh - var(--header-h) - var(--adminbar-h) - var(--pc-bottom-offset));
} body.pc-scroll-split .container.layout :is(> main, main)::-webkit-scrollbar { width: 0; height: 0; } body.pc-scroll-split .container.layout :is(> main, main)::after {
content: "";
display: block;
height: var(--pc-bottom-offset);
pointer-events: none;
} body.pc-scroll-split footer.site-footer,
body.pc-scroll-split .footer,
body.pc-scroll-split footer {
display: none !important;
}
}