@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Serif Pro'),
    url("/shared/fonts/SourceSerifPro-Regular.woff") format('woff');
}

@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Serif Pro Bold'),
    url("/shared/fonts/SourceSerifPro-Bold.woff") format('woff');
}

@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'),
    url("/shared/fonts/SourceCodePro-Regular.woff") format('woff');
}

body {
  font-family:"Source Serif Pro", Georgia, Times, "Times New Roman", serif;
  font-size:18px;
  color:#333;
  display: flex;
  flex-direction: column;
  align-items: center;
}

a, a:link, a:visited, a:active {
  color:#3f80b0;
  text-decoration:none;
}

a:hover {
  color:#72B3E3;
}

.content-wrapper {
    width: 100%;
    max-width: 800px;
}

.removed-link {
  color: #999;
}

.backlink {
  margin-bottom: 1em;
}

.backlink-context-container {
  background-color: #eee;
  padding: 0.25em 0.5em 0.5em 0.5em;
  border-radius: 0.5em;
  margin-left: 1em;
  margin-top: 0.5em;
}

.backlink-context {
  font-style: italic;
  color: #999;
}

.backlink-context a {
  color:#4f90c0;
}

.backlink-see-in-context {
  font-size: 0.8em;
}

.highlight-do-not-link {
  background-color: #e7d3bf;
  color:#4f90c0;
}

code.fenced-code, code.language-python {
  display: block;
  background-color: #f1f1f1;
  padding: 1em;
  border-radius: 6px;
}

code.inline-code {
  background-color: #f1f1f1;
  padding: 0.1em 0.1em;
  border-radius: 3px;
}

.uninteresting-leaf-node {
  color: #999;
  font-weight: bold;
}

blockquote {
  font-style: italic;
  background-color: #f1f1f1;
  padding: 0.5em 1em;
  border-radius: 0.5em;
}

.frontmatter {
  margin-bottom: 1em;
  border: 1px solid #e0e0e0;
  border-radius: 0.5em;
  padding: 0.5em;
}

.frontmatter tr:nth-child(even) {
  background-color: #f8f8f8;
}

.frontmatter tr:nth-child(odd) {
  background-color: #ffffff;
}

.frontmatter td:first-child {
  font-weight: bold;
  color: #555;
  padding-right: 1em;
}

.frontmatter td:last-child {
  color: #333;
}

table {
  border-collapse: collapse; /* single border for table */
  width: 100%;
  margin-bottom: 1em;
}

th, td {
  border: 1px solid #e0e0e0; /* Cell border */
  padding: 0.5em;
  text-align: left;
}

th {
  background-color: #f0f0f0; /* Subtle header background */
  font-weight: bold;
}