.post-navigator {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em; /* spacing between elements */
  margin: 2rem 0;
}

.post-navigator .separator {
  color: #888;
  pointer-events: none;
}

.post-navigator .disabled {
  color: #888;
  text-decoration: line-through;
  pointer-events: none;
}

#theme-toggle svg {
  width: 18px;
  height: 18px;
}

.custom-nav {
  display: flex;
  align-items: center;
}

#theme-toggle {
  margin-left: auto;
}

.social-icon {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin: 0 4px;
}

html[data-theme="light"] {
  @import "syntax-light";
}

html[data-theme="dark"] {
  @import "syntax-dark";
}