/* Extra navigation styling */
.site-header .menu {
  list-style:none;
  display:flex;
  gap:1.5rem;
  margin:0;
  padding:0;
}

.site-header .menu a {
  font-size:0.9rem;
  opacity:0.9;
}

.site-header .menu a:hover {
  opacity:1;
}

@media (max-width: 768px) {
  .site-header .container {
    flex-direction:column;
    align-items:flex-start;
  }

  .primary-nav {
    width:100%;
    justify-content:space-between;
    flex-wrap:wrap;
  }

  .site-header .menu {
    flex-wrap:wrap;
    gap:0.75rem 1.25rem;
  }
}