.topbar {
  display: none;
  background: rgba(255, 252, 247, 0.98);
  border-bottom: 1px solid rgba(47, 86, 120, 0.12);
}

.topbar__inner {
  min-height: 40px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
}

.topbar__links,
.topbar__actions {
  display: flex;
  align-items: center;
  gap: 0.95rem;
}

.topbar__links a,
.topbar__actions a,
.topbar__search-trigger {
  font-size: 0.8rem;
  color: var(--text-secondary);
}

.topbar__home {
  font-weight: 700;
  color: var(--heading);
}

.topbar__search-trigger {
  inline-size: 30px;
  block-size: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
}