/**
 * SML Topbar — responsive
 */
.sl-topbar { background: var(--sl-navy-dark); padding-block: 5px; }
.sl-topbar__inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--sl-space-4);
  flex-wrap: wrap;
}
.sl-topbar__link {
  font-size: var(--sl-text-xs);
  color: var(--sl-navy-pale);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--sl-transition);
}
.sl-topbar__link:hover { color: #fff; text-decoration: none; }
.sl-topbar__divider { width: 1px; height: 12px; background: rgba(255,255,255,0.2); }

@media (max-width: 767px) {
  .sl-topbar__inner { justify-content: center; gap: var(--sl-space-3); }
}
@media (max-width: 400px) {
  .sl-topbar { display: none; } /* hide on very small screens to save space */
}