.site-nav { display:flex; gap:8px; align-items:center; }
.site-nav a { position:relative; display:grid; place-items:center; width:40px; height:40px; border:1px solid transparent; border-radius:7px; color:var(--muted); }
.site-nav svg { display:block; width:21px; height:21px; }
.site-nav a:hover, .site-nav a:focus-visible { color:var(--text); background:#ffffff08; }
.site-nav a[aria-current="page"] { color:var(--accent); border-color:var(--line); background:#ffffff05; }
.site-nav a::after { content:attr(data-tooltip); position:absolute; top:calc(100% + 8px); right:0; padding:4px 8px; background:#242628; color:var(--text); border:1px solid var(--line); border-radius:4px; font:11px/1.5 "Archivo",sans-serif; white-space:nowrap; opacity:0; visibility:hidden; pointer-events:none; z-index:5; }
.site-nav a:hover::after, .site-nav a:focus-visible::after { opacity:1; visibility:visible; }