a {
  text-decoration: none;
  scroll-margin-top: 60px;
  color: var(--site-a-text-color);
}

a:hover {
  text-decoration: initial;
  color: var(--site-a-hover-text-color);
}

a:visited {
  color: var(--site-a-text-color);
}

blockquote {
  padding-left: 0.5rem;
  border-left: 4px var(--bs-border-style) var(--bs-border-color);
}

code {
  font-size: var(--bs-body-font-size);
}

figcaption {
  color: var(--site-figcaption-text-color);
}

iframe {
  border: 0;
  background-color: transparent;
}

iframe body {
  border: 0 !important;
  background-color: transparent !important;
}

img {
  max-width: 100%;
  height: auto;
}

.thumb img {
  width: 100%;
}

input:-internal-autofill-previewed {
  background-color: transparent !important;
  box-shadow: none !important;
}

input:-internal-autofill-selected {
  background-color: transparent !important;
  box-shadow: none !important;
}

form {
  margin: 0 auto;
}

h1 {
  font-size: 1.625rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

pre[class*=language-] {
  border-radius: 8px;
  margin-bottom: 1rem;
}

.flex-fill {
  flex: 1 1 0 !important;
}

.dropdown-toggle::after {
  transition: transform 0.2s ease-out;
}

.dropdown-toggle[aria-expanded=true]::after {
  transform: rotate(-180deg);
}

.form-control:read-only{
  opacity: 0.6;
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated:invalid~.invalid-feedback,
.was-validated:invalid~.invalid-tooltip {
  font-size: 80%;
}

.page-link {
  color: var(--site-page-link-text-color);
}

.page-link:hover {
  color: var(--site-page-link-text-color);
}

.active>.page-link,
.page-link.active {
  background-color: var(--site-page-link-active-bg-color);
}