/* The content scrolls inside the same rounded viewport as its background. */
html.has-public-shell,html.has-public-shell body{height:100%;min-height:0;overflow:hidden!important}
.public-viewport{position:fixed;z-index:5;inset:12px 12px 12px 117px;border-radius:48px;overflow:hidden;isolation:isolate}
.public-scroll{box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#707977 transparent;padding:32px 0 24px;scroll-padding:24px;--shell-column:min(600px,calc(100% - 36px))}
.public-scroll:focus-visible{outline:2px solid #b9c4c0;outline-offset:-4px;border-radius:inherit}
body .public-scroll>main.page,body.home-page .public-scroll>.content-stack{width:var(--shell-column);max-width:none;min-height:0;position:relative;left:auto;top:auto;translate:none;transform:none!important;margin:0 auto!important;padding:0!important}
body .public-scroll>.site-footer,body.home-page:has(.desktop-sidebar) .public-scroll>.site-footer{width:var(--shell-column);max-width:none;position:relative;left:auto;right:auto;top:auto;bottom:auto;translate:none;transform:none!important;margin:16px auto 0!important}
.public-scroll>main.page>:last-child{margin-bottom:0}
@media(min-width:600px){
 body.home-page .public-scroll{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:12px 0;--home-card-height:clamp(66px,calc((100svh - 414px)/4),147px)}
 body.home-page .public-scroll>.content-stack,body.home-page .public-scroll>.site-footer{flex:none}
 body.home-page:has(.desktop-sidebar) .public-scroll>.site-footer{margin-top:0!important}
}
@media(min-width:600px) and (max-height:800px){body.home-page .public-scroll{--home-card-height:clamp(60px,calc((100svh - 336px)/4),125px)}}
@media(min-width:600px) and (max-height:560px){body.home-page .public-scroll{justify-content:flex-start}}
@media(max-width:599px){
 .public-viewport{inset:0;border-radius:0}
 .public-scroll{padding:32px 0 0;--shell-column:min(372px,calc(100% - 30px))}
 body.home-page .public-scroll{padding-top:48px}
 .public-scroll>.site-footer-clearance{height:calc(96px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:390px){.public-scroll{--shell-column:min(320px,calc(100% - 20px))}}