@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap");
: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; }
  @media (prefers-color-scheme: dark) {
    :root {
      --body-color: white;
      --body-background-color: #181818;
      --headings-color: rgb(216, 216, 216);
      --blockquote-color: #c4c4c4;
      --link-color: #3aa1ec;
      --strong-color: var(--headings-color);
      --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: #909090;
      --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); }
      :root img {
        filter: brightness(0.9) contrast(1.1); } }
  :root .dark-mode {
    --body-color: white;
    --body-background-color: #181818;
    --headings-color: rgb(216, 216, 216);
    --blockquote-color: #c4c4c4;
    --link-color: #3aa1ec;
    --strong-color: var(--headings-color);
    --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: #909090;
    --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); }
    :root .dark-mode img {
      filter: brightness(0.9) contrast(1.1); }

@media screen and (max-width: 767px) {
  .container {
    padding-left: 5px;
    padding-right: 5px; } }

.archive .year-details {
  margin-bottom: 1rem; }
  .archive .year-details summary {
    list-style: none;
    cursor: pointer; }
    .archive .year-details summary::-webkit-details-marker {
      display: none; }
    .archive .year-details summary::marker {
      display: none; }
  .archive .year-details .year-header {
    font-size: 1.1rem;
    font-family: "Newsreader", sans-serif;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 0.5rem; }
    @media screen and (max-width: 767px) {
      .archive .year-details .year-header {
        gap: 0.25rem;
        padding-top: 8px;
        padding-bottom: 4px; } }
    .archive .year-details .year-header .year-arrow {
      display: inline-block;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 6px solid currentColor;
      transition: transform 0.2s ease;
      transform: rotate(-90deg); }
    .archive .year-details .year-header .post-count {
      font-size: 0.85rem;
      font-weight: normal;
      color: #666;
      margin-left: auto; }
      @media screen and (max-width: 767px) {
        .archive .year-details .year-header .post-count {
          font-size: 0.75rem; } }
  .archive .year-details[open] .year-header .year-arrow {
    transform: rotate(0deg); }
  .archive .year-details .year-posts-wrapper {
    margin-top: 0.5rem;
    margin-left: 1rem;
    border-left: 1px dashed #999;
    padding-left: 1rem; }
    @media screen and (max-width: 767px) {
      .archive .year-details .year-posts-wrapper {
        margin-left: 0.5rem;
        padding-left: 0.5rem; } }
  .archive .year-details .year-posts {
    border-collapse: collapse;
    border: none; }
    .archive .year-details .year-posts tbody > tr td {
      border: none;
      background-color: transparent; }
    .archive .year-details .year-posts tbody > tr tr {
      background-color: transparent; }
    @media screen and (max-width: 767px) {
      .archive .year-details .year-posts td {
        padding: 0.6rem 0.5rem 0.25rem 0; }
      .archive .year-details .year-posts td:first-child {
        padding-right: 0.5rem;
        width: auto;
        white-space: nowrap; }
      .archive .year-details .year-posts td.post-title {
        padding-left: 0.25rem; } }