:root{
  --announcement-height:34px;
  --site-header-height:84px;
}

html{
  scroll-padding-top:calc(var(--announcement-height) + var(--site-header-height) + 16px);
}

body{
  padding-top:calc(var(--announcement-height) + var(--site-header-height));
}

body>.announcement{
  position:fixed;
  inset:0 0 auto;
  z-index:43;
  width:100%;
}

body>header.site-header{
  position:fixed;
  top:var(--announcement-height);
  right:0;
  left:0;
  z-index:42;
  width:100%;
  height:var(--site-header-height);
  box-shadow:0 8px 24px rgba(3,26,49,.1);
}

.mobile-menu-backdrop{z-index:78}
.mobile-menu-panel{z-index:79}

@media(max-width:700px){
  :root{
    --announcement-height:32px;
    --site-header-height:72px;
  }
}

@media print{
  body{padding-top:0}
  body>.announcement,body>header.site-header{position:static}
}