/* One persistent masthead. Its height also owns hero and anchor offsets. */
:root { --header: 90px; }
body.immersive-page,
body.immersive-page.header-fixed { padding-top: var(--header) !important; }
.immersive-page .site-header,
.immersive-page.header-fixed .site-header {
  position: fixed;
  inset: 0 0 auto;
  width: 100%;
  height: var(--header);
  min-height: var(--header);
  animation: none;
  transition: none;
  transform: none;
}
/* html already reserves the header height when following fragment links. */
.immersive-page section[id],
.immersive-page #zawaya { scroll-margin-top: 0; }
@media (max-width: 760px) {
  :root { --header: 82.5px; }
}
@media print {
  body.immersive-page,
  body.immersive-page.header-fixed { padding-top: 0 !important; }
}