.language-switcher,
.theme-switcher {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--surface);
  padding: .18rem;
}

.language-switcher button,
.theme-switcher button {
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  padding: .44rem .58rem;
}

.language-switcher button.is-active,
.theme-switcher button.is-active {
  background: var(--green);
  color: var(--accent-ink);
}

@media (max-width: 980px) {
  .site-nav .language-switcher,
  .site-nav .theme-switcher {
    justify-content: center;
    width: 100%;
  }
}

.post-body mjx-container {
  color: var(--paper-ink);
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.post-body mjx-container[jax="CHTML"][display="true"] {
  background: var(--surface);
  border: 2px solid var(--line-strong);
  border-radius: 4px;
  padding: 1rem;
}

.post-body table {
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid var(--line-strong);
  border-radius: 4px;
  margin: 1.5rem 0;
  overflow: hidden;
  width: 100%;
}

.post-body th,
.post-body td {
  border-bottom: 1px solid var(--line);
  padding: .75rem .9rem;
  text-align: left;
}

.post-body tr:last-child td {
  border-bottom: 0;
}

.post-body th {
  background: var(--table-heading-bg);
}