html[lang="en"] [data-lang="ja"],
html[lang="ja"] [data-lang="en"] {
  display: none !important;
}

.topbar-actions {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: .75rem;
}

.lang-toggle {
  padding: .45rem .7rem;
  color: var(--ink);
  font-size: .78rem;
  font-weight: 650;
  white-space: nowrap;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 2px;
}

.lang-toggle:hover {
  border-color: var(--ink);
}

.legal-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 760px) {
  .topbar-actions {
    width: 100%;
    align-self: auto;
    align-items: flex-start;
    flex-direction: column-reverse;
  }
}