.font-reset, .font-reset *{
    font-family: initial !important;
    font-variant: initial !important;
}

.paw-trail {
  display: flex;
  gap: 15px; /* space between pawprints */
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 20px;
  animation: slideTrail 4s ease-in-out alternate;
}

.paw {
  width: 36px !important;
  height: 36px !important;
  opacity: 0;
  animation: appear 2s ease-in-out infinite alternate;
}



/* Make embedded videos responsive */
.editormd-html-preview video,
.markdown-body video {
	max-width: 100%;
	height: auto;
	display: block;
}

.markdown-body{
    font-size: 18px;
}

/* Ensure figures / captions don't overflow */
.editormd-html-preview figure, .markdown-body figure { max-width: 100%; }

.side-by-side, .side-by-side-3 {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}

.side-by-side figure,
.side-by-side-3 figure {
  margin: 0;
  /* ensure each figure shares available space equally */
  flex: 1 1 0;
}

.side-by-side img,
.side-by-side-3 img {
  display:block;
  width:100%;
  height:auto;
  max-height: 60vh;
  object-fit: cover;
}

/* Increase readable font-size for post content (listing and single post) */
.post-content,
.post-content p,
.post-content li,
.post-content blockquote,
.post-content td,
.post-content th {
  font-size: 18px;
  line-height: 1.6;
}

/* 2-up default, 3-up uses its own class */
.side-by-side { flex-wrap: nowrap; }
.side-by-side-3 { flex-wrap: nowrap; }

/* Responsive: stack on small screens */
@media (max-width: 767.98px) {
  .side-by-side, .side-by-side-3 {
    flex-direction: column;
  }
  .side-by-side figure,
  .side-by-side-3 figure {
    width: 100%;
  }
}

/* Archive list link styles: make links black instead of Bootstrap blue */
.archive-ul {
  padding-left: 0;
}
.archive-ul a,
.archive-ul a:visited {
  color: #000000;
}
.archive-ul a:hover,
.archive-ul a:focus {
  color: #222222;
  text-decoration: underline;
}

.back-button{
  width: 100px;
}