/* responsive.css */
@media (max-width: 768px) {
  .site-nav { font-size: 0.75rem; gap: 0.8rem; }
  .site-search__input { width: 120px; }
}

@media (max-width: 480px) {
  .site-header__top { flex-direction: column; align-items: flex-start; }
  .site-nav { flex-wrap: wrap; gap: 0.6rem; }
}