/* Navbar GitHub icon — inline SVG inherits currentColor */
.site-nav .nav-left .nav-icon {
  color: #fff; /* visible on dark nav */
  display: inline-flex;
  align-items: center;
}

.site-nav .nav-left .github-mark {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  transition: opacity .2s ease-in-out;
}

.site-nav .nav-left .nav-icon:hover .github-mark { opacity:.75; }

/* Optional: switch to dark icon in light themes */
@media (prefers-color-scheme: light) {
  .site-nav .nav-left .nav-icon { color: #000; }
}

/* If you previously used an <img>, this keeps it readable until you remove it */
.site-nav .nav-left .nav-icon img { 
  filter: invert(1) brightness(2); 
}
@media (prefers-color-scheme: light) {
  .site-nav .nav-left .nav-icon img { filter:none; }
}