.body .dark-mode {
  background-color: var(--body-bg) !important;
  color: var(--p) !important;
}
.body .dark-mode p,
.body .dark-mode span,
.body .dark-mode div,
.body .dark-mode li,
.body .dark-mode td,
.body .dark-mode th {
  color: var(--p) !important;
  line-height: 1.5;
}
.body .dark-mode h1,
.body .dark-mode h2,
.body .dark-mode h3,
.body .dark-mode h4,
.body .dark-mode h5,
.body .dark-mode h6 {
  color: var(--h1) !important;
}
.body .dark-mode a {
  color: var(--button-bg) !important;
  text-decoration: underline;
}

.body .dark-mode a:hover {
  color: var(--button-bg-hover) !important;
}
.body .dark-mode table {
  background-color: transparent !important;
  border-collapse: collapse;
}

.body .dark-mode td,
.body .dark-mode th {
  background-color: transparent !important;
  border-color: var(--saved-list-grade-border) !important;
}
.body .dark-mode hr {
  border: none;
  border-top: 1px solid var(--saved-list-grade-border) !important;
  margin: 1em 0;
}
.body .dark-mode a[style*="background"],
.body .dark-mode button {
  background-color: var(--button-bg) !important;
  color: var(--button) !important;
  border-radius: 6px;
  padding: 8px 14px;
  display: inline-block;
}
.body .dark-mode pre,
.body .dark-mode code {
  background-color: var(--output-card-bg) !important;
  color: var(--p) !important;
  padding: 10px;
  border-radius: 6px;
  overflow-x: auto;
}
.body .dark-mode blockquote {
  border-left: 3px solid var(--saved-list-grade-border);
  padding-left: 10px;
  color: var(--saved-list-item) !important;
}