/* Shared chrome for the homepage, products and help articles. */
:root{--site-header-height:81px;--site-progress-height:6px}
html{scroll-padding-top:calc(var(--site-header-height) + var(--site-progress-height))}
body{padding-top:var(--site-progress-height)}
.site-nav,.header{position:sticky;top:var(--site-progress-height);z-index:90;background:#F5F4F0;max-height:calc(100dvh - var(--site-progress-height));overflow-y:auto}
.page-progress{position:fixed;inset:0 0 auto;height:var(--site-progress-height);z-index:95;background:#E9E8E4;pointer-events:none}
.page-progress__fill{display:block;width:100%;height:100%;background:#335ACF;transform:scaleX(0);transform-origin:left center}
.toc{top:calc(var(--site-header-height) + var(--site-progress-height) + 24px);max-height:calc(100dvh - var(--site-header-height) - var(--site-progress-height) - 48px);overflow-y:auto}
.skip-link{position:fixed;z-index:100}
@media(min-width:761px) and (max-width:1000px){.header-inner{gap:16px}.header .logo{width:160px}.header .nav{gap:12px}.header .nav a{font-size:14px}.header .nav .button{padding:10px 12px;white-space:nowrap}}
@media(max-width:760px){:root{--site-header-height:77px}.toc{max-height:none;overflow-y:visible}}