/* Nuvari site.css — reserves nav/footer space (FOUC mitigation) + nav-avatar styles (was inline in legacy auth-nav.js). */ /* display:contents makes the slot wrapper transparent in layout so the .nav inside it can be position:sticky relative to , not boxed inside a 72px container that scrolls away with the page. Build-time inliner always fills these slots, so we no longer need min-height FOUC reservations. */ [data-nav-slot] { display: contents; } [data-footer-slot] { display: contents; } .nav-avatar { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--teal, #00B4C6); color: #fff; font-weight: 600; font-size: 14px; text-decoration: none; transition: opacity 0.2s; flex-shrink: 0; } .nav-avatar:hover { opacity: 0.85; } a[aria-current="page"] { font-weight: 600; } /* ────────────────────────────────────────────────────────────── GLASS NAV EXPERIMENT — frosted-glass header that visibly works on white-background pages (not just colored protocol pages). The trick is high blur + saturate + low opacity so the page below shows through softly even when it's mostly white. Specificity beats each page's inline .nav rule. ────────────────────────────────────────────────────────────── */ [data-nav-slot] .nav { background: rgba(255, 255, 255, 0.55) !important; -webkit-backdrop-filter: blur(24px) saturate(1.6); backdrop-filter: blur(24px) saturate(1.6); border-bottom: 1px solid rgba(0, 0, 0, 0.04); box-shadow: 0 1px 24px rgba(10, 22, 40, 0.04); }