/*
 * Preserve this site's Bootstrap 3 geometry/typography while using Bootstrap 5.
 * Colors deliberately come from Bootstrap 5 color-mode variables so forced dark
 * mode still works.
 */

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.428571429;
}

/* Bootstrap 3 used a 30px grid gutter (15px on each side). */
.container,
.row {
  --bs-gutter-x: 30px;
}

/* Preserve this site's original effective container widths. */
.container {
  max-width: none;
}

@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 900px;
  }
}

/* Bootstrap 3 heading scale and spacing. */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

small,
.small {
  font-size: 85%;
}

h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
  font-size: 65%;
}

h4 small,
h5 small,
h6 small,
h4 .small,
h5 .small,
h6 .small {
  font-size: 75%;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
  font-weight: 400;
  line-height: 1;
  color: var(--bs-secondary-color);
}

p {
  margin: 0 0 10px;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

/* Bootstrap 3 links were only underlined on hover/focus. */
a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid var(--bs-border-color);
  opacity: 1;
}

blockquote {
  margin: 0 0 20px;
  padding: 10px 20px;
  font-size: 17.5px;
  border-left: 5px solid var(--bs-border-color);
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: var(--bs-secondary-color);
}

blockquote small::before {
  content: "\2014\00a0";
}

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted var(--bs-secondary-color);
  text-decoration: none;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  border-radius: 4px;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  overflow-wrap: break-word;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

/* Keep Rouge/Pygments blocks on the GitHub Dark canvas. */
.highlight pre {
  background-color: #0d1117;
}
/* Keep linked inline code using Bootstrap's code color instead of inheriting link blue. */
a > code {
  color: var(--bs-code-color);
}