@charset "UTF-8";
:root {
  --body-color: #515151;
  --body-background-color: white;
  --headings-color: #313131;
  --blockquote-color: #7a7a7a;
  --link-color: #0075da;
  --strong-color: #303030;
  --footer-color: #717171;
  --first-name-color: black;
  --last-name-color: #717171;
  --navbar-background-color: #f8f8f8;
  --navbar-font-color: #717171;
  --navbar-hover-color: white;
  --post-title-color: #313131;
  --post-date-color: #757575;
  --post-meta-color: #757575;
  --pre-background-color: #f9f2f4;
  --pre-inline-color: darkgreen;
  --btn-background-color: #fff;
  --btn-border-color: #ccc;
  --btn-font-color: #333;
  --btn-hover-background-color: #e6e6e6;
  --btn-hover-border-color: #adadad;
  --btn-hover-font-color: #333;
  --btn-active-background-color: #d4d4d4;
  --code-block-background-color: white;
  --code-block-color: black;
  --code-block-border-color: #ccc;
  --table-border-color: #e5e5e5;
  --table-stripe-color: #f9f9f9;
  --rule-color: #c3c3c3;
  --rule-ornament-color: #c3c3c3;
  --rule-dots-color: rgba(0, 0, 0, 0.26);
  --rule-hairline-color: rgba(0, 0, 0, 0.12); }
  @media (prefers-color-scheme: dark) {
    :root {
      --body-color: #c8c8c8;
      --body-background-color: #181818;
      --headings-color: rgb(216, 216, 216);
      --blockquote-color: #c4c4c4;
      --link-color: #3aa1ec;
      --strong-color: white;
      --footer-color: var(--headings-color);
      --first-name-color: white;
      --last-name-color: #909090;
      --navbar-background-color: #202020;
      --navbar-font-color: #909090;
      --navbar-hover-color: #303030;
      --post-title-color: var(--headings-color);
      --post-date-color: #909090;
      --post-meta-color: #909090;
      --pre-background-color: #333;
      --pre-inline-color: #ff2e88;
      --btn-background-color: #333;
      --btn-border-color: #444;
      --btn-font-color: var(--body-color);
      --btn-hover-background-color: #444;
      --btn-hover-border-color: #555;
      --btn-hover-font-color: var(--strong-color);
      --btn-active-background-color: #3a3a3a;
      --code-block-background-color: #202020;
      --code-block-color: #d8d8d8;
      --code-block-border-color: #333;
      --table-border-color: #333;
      --table-stripe-color: #202020;
      --rule-color: #6a6a6a;
      --rule-ornament-color: #8c8c8c;
      --rule-dots-color: rgba(255, 255, 255, 0.3);
      --rule-hairline-color: rgba(255, 255, 255, 0.15); }
      :root img {
        filter: brightness(0.9) contrast(1.1); } }
  :root .dark-mode {
    --body-color: #c8c8c8;
    --body-background-color: #181818;
    --headings-color: rgb(216, 216, 216);
    --blockquote-color: #c4c4c4;
    --link-color: #3aa1ec;
    --strong-color: white;
    --footer-color: var(--headings-color);
    --first-name-color: white;
    --last-name-color: #909090;
    --navbar-background-color: #202020;
    --navbar-font-color: #909090;
    --navbar-hover-color: #303030;
    --post-title-color: var(--headings-color);
    --post-date-color: #909090;
    --post-meta-color: #909090;
    --pre-background-color: #333;
    --pre-inline-color: #ff2e88;
    --btn-background-color: #333;
    --btn-border-color: #444;
    --btn-font-color: var(--body-color);
    --btn-hover-background-color: #444;
    --btn-hover-border-color: #555;
    --btn-hover-font-color: var(--strong-color);
    --btn-active-background-color: #3a3a3a;
    --code-block-background-color: #202020;
    --code-block-color: #d8d8d8;
    --code-block-border-color: #333;
    --table-border-color: #333;
    --table-stripe-color: #202020;
    --rule-color: #6a6a6a;
    --rule-ornament-color: #8c8c8c;
    --rule-dots-color: rgba(255, 255, 255, 0.3);
    --rule-hairline-color: rgba(255, 255, 255, 0.15); }
    :root .dark-mode img {
      filter: brightness(0.9) contrast(1.1); }

.blog-header {
  text-align: center; }

ul.share-buttons {
  list-style: none;
  padding: 0;
  padding-top: 10px; }

ul.share-buttons li {
  display: inline; }

.post .feed-title {
  margin-top: 0;
  margin-bottom: 0rem;
  text-wrap: wrap; }
  .post .feed-title a {
    color: var(--post-title-color);
    border-bottom: none; }
  .post .feed-title a:hover {
    text-decoration: underline; }

.post .post-content a {
  text-decoration: underline solid;
  text-underline-position: under; }

.post .post-content a.footnote-backref,
.post .post-content sup > a.footnote-ref,
.post .post-content a.post-read-more {
  text-decoration: none; }

.post .post-read-more {
  font-size: 20px;
  border-bottom: none; }
  .post .post-read-more:hover {
    color: var(--body-color); }

.post .post-date {
  font-size: 0.70rem;
  color: var(--post-date-color);
  margin-left: auto;
  flex-shrink: 0;
  margin-bottom: 0.5rem; }
  .post .post-date .post-sep {
    font-variant-emoji: text;
    font-family: "Apple Symbols", "Segoe UI Symbol", "DejaVu Sans", sans-serif; }

.post .post-tags {
  align-self: flex-start;
  margin-bottom: 0.25rem; }

.post .post-title {
  margin-bottom: 0px; }

.post img {
  margin: 0 auto; }

.post video {
  display: block;
  margin: 0 auto; }

.feed article {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.feed .feed-header {
  font-family: "Merriweather", serif; }

.feed .feed-summary {
  margin-bottom: 0.4rem; }
  .feed .feed-summary p {
    display: inline; }

.post-meta {
  color: var(--post-meta-color);
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  padding-bottom: 0.5rem; }
  .post-meta .post-related-posts > ul {
    margin-bottom: 0; }

.post-hero {
  margin: -0.75rem auto 1.5rem; }

.post-hero picture,
.post-hero img {
  display: block;
  width: 100%; }

.post-hero-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  background-color: #f3f3f3;
  position: relative;
  z-index: 1;
  border-radius: 0; }

figcaption {
  color: #717171;
  font-weight: bold;
  font-size: 0.75rem;
  text-align: center;
  padding-top: 0.25rem; }
  figcaption a:before {
    content: " ";
    display: block; }
  figcaption a {
    color: var(--link-color);
    font-weight: lighter;
    font-size: 0.5rem; }
  figcaption p {
    margin: 0; }

figure {
  padding-top: 0.5rem;
  padding-bottom: 1rem; }
  figure img {
    margin: 0 auto;
    max-width: 100%;
    height: auto; }
  figure.bordered img {
    border: 1px solid gray; }
  @media (max-width: 47.999em) {
    figure {
      margin-left: -5px;
      margin-right: -5px; }
      figure figcaption {
        padding-left: 15px;
        padding-right: 15px; } }
.twitter-tweet {
  margin: 0 auto; }

.archived-tweet {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem;
  padding: 0.9rem 1.1rem;
  margin: 1.2rem 0;
  color: var(--blockquote-color);
  background: var(--code-background-color, rgba(127, 127, 127, 0.06));
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  font-size: 0.8rem; }
  .archived-tweet__icon {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--headings-color); }
  .archived-tweet__body {
    flex: 1 1 auto;
    min-width: 0; }
  .archived-tweet__notice {
    margin: 0 0 0.2rem;
    line-height: 1.4; }
  .archived-tweet__link {
    font-weight: 600;
    text-decoration: none;
    color: var(--link-color);
    white-space: nowrap; }
    .archived-tweet__link:hover {
      text-decoration: underline; }
  .archived-tweet__content {
    flex: 1 1 100%; }
  .archived-tweet__handle {
    margin: 0 0 0.25rem;
    font-weight: 600;
    color: var(--headings-color); }
  .archived-tweet__text {
    margin: 0 0 0.5rem;
    padding: 0;
    border-left: none;
    font-style: italic; }
  .archived-tweet__date {
    margin: 0 0 0.5rem;
    font-size: 0.8rem; }
  .archived-tweet--unavailable .archived-tweet__icon {
    color: #c9a227; }
    @media (prefers-color-scheme: dark) {
      .archived-tweet--unavailable .archived-tweet__icon {
        color: #d4af37; } }
    .dark-mode .archived-tweet--unavailable .archived-tweet__icon {
      color: #d4af37; }

.pagination {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: baseline;
  gap: 1rem;
  font-family: "Merriweather", serif;
  font-size: 0.7rem; }
  .pagination a:hover {
    text-decoration: underline; }

.pagination-next {
  text-align: right; }

.pagination-count {
  color: var(--post-date-color);
  font-size: 0.65rem; }

.feed-more {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.5em;
  margin: 0.75rem 0 0;
  color: var(--post-date-color);
  font-size: 0.65rem; }

.feed-more-sep {
  font-size: 0.7em;
  align-self: center;
  line-height: 1; }

pre code {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 14px; }

.post-content hr {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  margin: 1.6rem 0;
  border: none;
  background: transparent; }
  .post-content hr:after {
    content: "•••";
    margin-left: 12px;
    letter-spacing: 12px;
    font-size: 13px;
    color: var(--rule-dots-color); }

.footnotes {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--rule-hairline-color); }
  .footnotes hr {
    display: none; }

.footnotes ol {
  font-size: 0.70rem;
  margin-top: 0; }