:root {
  --color-primary: #007BFF;
  --color-primary-hover: #0056b3;
  --button-padding: 10px 15px;
  --button-radius: 5px;
}

body {
  background-color: Canvas;
  color: CanvasText;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  img[src^="index"] {
    filter: invert(1);
  }
}

#toggleLatexStyle {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 99;
  padding: var(--button-padding);
  background-color: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--button-radius);
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  font-weight: 500;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#toggleLatexStyle:hover {
  background-color: var(--color-primary-hover);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

#toggleLatexStyle:active {
  transform: scale(0.98);
}

#toggleLatexStyle.active {
  background-color: var(--color-primary-hover);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

table:not(.borders-custom).ltx_eqn_table,
table:not(.borders-custom) .ltx_eqn_cell {
  border-block: none !important;
}

.ltx_page_logo img {
  display: inline;
  padding-inline: 0.3rem;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.hidden {
  display: none !important;
}

.qed {
  float: inline-end;
  margin-inline-end: 0.6em;
}