/* Only neutralize WordPress's outer template wrapper; the reference owns the design. */
.wp-site-blocks { padding: 0; }
.wp-site-blocks > * { margin-block: 0; }

/* Floating navigation follows the viewport throughout the page. */
.wp-site-blocks header {
  position: fixed;
  top: calc(16px + var(--wp-admin--admin-bar--height, 0px));
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  width: min(1024px, calc(100% - 48px));
  padding: 12px 20px;
  align-items: center;
  border: 1px solid rgba(20, 20, 18, .12);
  border-radius: 999px;
  background: rgba(244, 242, 237, .9);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 6px 24px rgba(20, 20, 18, .06);
}
.wp-site-blocks main { padding-top: 116px; }
html { scroll-padding-top: 100px; scroll-behavior: smooth; }
.wp-site-blocks a {
  transition: color 180ms ease, background-color 180ms ease, transform 180ms ease, opacity 180ms ease;
}
.wp-site-blocks a:active { transform: translateY(1px) scale(.97); opacity: .8; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .wp-site-blocks a { transition: none; }
  .wp-site-blocks a:active { transform: none; }
}
@media (max-width: 767px) {
  .wp-site-blocks header {
    top: calc(12px + var(--wp-admin--admin-bar--height, 0px));
    width: calc(100% - 24px);
    padding: 10px 14px;
  }
  .wp-site-blocks main { padding-top: 100px; }
}