@layer blocks {
  .site-nav {
    border-bottom: var(--border-width-thin) var(--border-style) var(--color-border);
    padding-block: var(--space-s);
    position: sticky;
    top: 0;
    background: var(--paper-glass);
    backdrop-filter: blur(12px);
    z-index: 100;
    --cluster-space: var(--space-3xs);
  }

  .site-nav li button {
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-text-muted);
    font-size: inherit;
  }

  .site-nav li button:hover {
    color: var(--color-text);
  }
}