html.has-persistent-header { scroll-padding-top: 118px; }
.header-slot { position: relative; }
.site-header.is-floating {
  position: fixed;
  z-index: 40;
  top: 12px;
  left: 50%;
  translate: -50% 0;
  height: 80px;
  padding: 10px 22px;
  border: 1px solid #d7b8862c;
  border-radius: 22px;
  background: #171612eb;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 12px 40px #0004,inset 0 1px 0 #ffffff06;
}
.site-header.is-floating .brand-logo { width: 184px; }
.has-persistent-header .skip-link { z-index: 50; }
@media (max-width:800px) {
  .site-header.is-floating { height: 74px; padding-inline: 16px; gap: 16px; }
  .site-header.is-floating .brand-logo { width: 158px; }
}
@media (max-width:560px) {
  html.has-persistent-header { scroll-padding-top: 144px; }
  .site-header.is-floating { top: 8px; width: calc(100% - 24px); height: auto; padding: 10px 12px; gap: 8px; border-radius: 18px; }
  .site-header.is-floating .brand-logo { width: 130px; }
  .site-header.is-floating nav .nav-link { padding-block: 8px; }
}
@media print {
  .header-slot { height: auto!important; }
  .site-header.is-floating { position: static; translate: none; box-shadow: none; }
}