/* =========================================================
   BLOG / LISTING PAGE STYLING
   ========================================================= */

/* ---------- Blog listing title links ---------- */

/* Remove underlines/borders from normal blog listing links,
   but do not target category/tag buttons here. */
.quarto-listing a:not(.quarto-category):not(.listing-category),
.quarto-listing a:not(.quarto-category):not(.listing-category):hover,
.quarto-listing a:not(.quarto-category):not(.listing-category):focus,
.quarto-post a:not(.quarto-category):not(.listing-category),
.quarto-post a:not(.quarto-category):not(.listing-category):hover,
.quarto-post a:not(.quarto-category):not(.listing-category):focus,
.listing-title,
.listing-title a,
.listing-title a:hover,
.listing-title a:focus {
  color: var(--site-black) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.listing-title a:hover,
.quarto-post .listing-title a:hover {
  color: var(--site-muted) !important;
}

/* ---------- Blog listing image crop ---------- */

.quarto-listing .thumbnail,
.quarto-post .thumbnail {
  overflow: hidden;
  max-width: 360px;
}

/* Main list-style thumbnails */
.quarto-listing .thumbnail img,
.quarto-post .thumbnail img,
.quarto-listing .thumbnail-image,
.quarto-post .thumbnail-image {
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* Grid/card-style thumbnails, in case you switch listing type later */
.quarto-grid-item .card-img-top,
.quarto-grid-item img.thumbnail-image,
.card-img-top {
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center center;
}

/* ---------- Blog listing layout cleanup ---------- */

.quarto-post {
  margin-bottom: 2rem;
}

.quarto-post .body {
  padding-left: 1rem;
}

.quarto-post .metadata {
  color: var(--site-dark);
  font-size: 0.95rem;
}

.quarto-post .listing-description {
  color: var(--site-dark);
  line-height: 1.7;
}

/* ---------- Blog post body image: full uncropped image ---------- */

.post-image {
  text-align: center;
  margin: 1.5rem auto 2rem auto;
}

.post-image img {
  display: block;
  width: min(100%, 500px);
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}