.main-nav{display:inline-flex;gap:var(--nav-gap,10px);flex-wrap:wrap}
.main-nav a{
  font-family:var(--nav-font-family,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell);
  font-size:var(--nav-font-size,16px);
  font-weight:var(--nav-font-weight,500);
  letter-spacing:var(--nav-letter-spacing,0);
  text-transform:var(--nav-transform,none);
  padding:var(--nav-link-py,8px) var(--nav-link-px,12px);
  border-radius:var(--nav-radius,.5rem);
  text-decoration:none;
  color:var(--nav-link-color,inherit);
}
.main-nav a:hover,
.main-nav a:focus{
  background:var(--nav-hover-bg,rgba(255,255,255,.08));
  color:var(--nav-hover-fg,inherit);
}