/* /podcast-episodes — blog list, "side by side" layout (Squarespace 7.1) */

.blog-side-by-side {
  padding: 4vw;
  text-align: left;
}
.blog-item {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 45px;
}
.blog-image-wrapper { width: 100%; margin: 0 0 5vw; }
.blog-image-wrapper .image-wrapper {
  position: relative;
  display: flex;
  box-sizing: content-box;
  height: 1px;               /* live: 1px + 100% padding */
  padding-bottom: 100%;
  overflow: hidden;
}
.blog-image-wrapper img {
  position: absolute; inset: 0;
  display: block;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.blog-item-text { display: flex; flex-direction: column; width: 100%; }
.blog-meta-section {
  order: 0;
  display: flex; align-items: center; justify-content: start; gap: 6px;
  margin-bottom: 2vw;
}
.blog-date {
  display: block;
  font-family: var(--meta-font);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--black);
}
.blog-title {
  order: 1;
  margin: 0 0 30px;
  font-size: var(--fs-h2);
  line-height: 1.2em;
  color: var(--black);
}
.blog-title a { color: inherit; text-decoration: none; }
.blog-excerpt { order: 2; font-size: 1rem; line-height: 1.5; color: var(--black); }
.blog-excerpt p { margin: 1rem 0; }
.blog-excerpt h3 { margin: 2rem 0; }
.blog-more-link {
  order: 4;
  align-self: flex-start;
  display: inline-block;
  margin-top: 2vw;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  text-decoration: none;
}
.blog-more-link::after {
  content: '';
  display: block;
  width: 100%; height: 1px;
  background: #000;
  transform: translateY(-3px);
}

@media (min-width: 768px) {
  .blog-item { display: flex; align-items: center; }
  .blog-image-wrapper { width: 26%; margin: 0 2% 0 0; flex-shrink: 0; }
  .blog-item-summary { width: calc(100% - 26% - 2%); }
  .blog-meta-section { margin-bottom: 20px; }
  .blog-more-link { margin-top: 20px; }
}
@media (max-width: 767px) {
  .blog-side-by-side { padding: 4vw 6vw; }
}

/* Squarespace keeps empty RTE headings/paragraphs one line tall */
[data-rte-preserve-empty]:empty::before { content: ''; display: inline-block; }

/* 27 Oct 2026: episode list sits in the same 1440px container as every other page */
.blog-side-by-side { width: min(var(--sqs-site-max-width), calc(100% - var(--sqs-site-gutter) * 2)); margin: 0 auto; padding: 4vw 0; }
@media (max-width: 767px) { .blog-side-by-side { width: calc(100% - var(--sqs-mobile-site-gutter) * 2); } }