.header-actions {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-shrink: 0;
}

.header-actions .btn {
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .site-header {
    gap: 1rem;
  }

  .nav {
    gap: 0.8rem;
    font-size: 0.92rem;
  }

  .header-actions .btn-small {
    padding: 0.65rem 0.8rem;
    font-size: 0.88rem;
  }
}

 .header-actions .btn { background: #dcebe2; color: #193b37; }
.header-actions .btn:hover { background: #c7ded0; }
@media (max-width: 620px) {
  .site-header { gap: .75rem; padding: 1rem; }
  .brand img { width: 145px; }
  .header-actions .btn-small { padding: .65rem 1rem; }
}