html,
body {
  background: #fdfdfd;
  color: #2d2d2d;
  font-family: Verdana, system-ui, Helvetica, sans-serif;
  scrollbar-gutter: stable both-edges;
  line-height: 1.5;
  font-size: 1rem;
}
code {
  font: monospace;
  font-size: 1rem;
}
a,
a:visited {
  /* text-decoration: none; */
}
a:hover {
  color:#444;
}
main {
  margin: auto;
  max-width: 38rem;
  padding: 0.8rem;
  padding-top: 2vh;
}
pre {
  background: white;
  overflow: scroll;
  padding: 1rem;
}
td {
  border: 1px solid #2d2d2d;
  padding: 10px;
}
video,
img {
  height: auto;
  max-width: 100%;
}
img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 38rem) {
  img {
    max-width: 100%;
  }
}
footer .footer-content {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.homepage-list {
  list-style: none;
  padding: 0;
}
.homepage-list li {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 6px 0;
}
@media (max-width: 38rem) {
  .homepage-list li a {
    width: 100%;
  }
}
.header-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.header-nav {
  margin-top: 0.2rem;
  white-space: nowrap;
}
@media (max-width: 38rem) {
  .header-content {
    flex-direction: column;
  }
  .header-nav {
    margin-top: 0.5rem;
    align-self: flex-start;
  }
}

.recent-posts {
  article {
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
  }
  article:last-child {
    margin-bottom: 1.75rem;
  }
}

.ai-instructions {
  color: #888;
  margin-bottom: 2rem;
}

.footnote-definition {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #e0e0e0;
  font-size: 0.9rem;
  color: #666;
  display: flex;
  align-items: flex-start;
}

.footnote-definition-label {
  font-weight: bold;
  margin-right: 1rem;
  margin-left: 1.5rem;
  flex-shrink: 0;
}

.footnote-definition p {
  margin: 0;
  margin-right: 1rem;
  flex: 1;
}