/* Base matches Fellows page tone */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #fff;
  color: #000;
}

/* Layout helpers */
.container-narrow {
  margin: 0 auto;
  padding: 0 2rem;
}

/* Title + dot (reuse Fellows aesthetics) */
.hero-title-wrapper {
  display: flex;
  align-items: center;
  padding: 1.5rem 2rem 1.5rem;
}
.april-seminar-title {
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
.blue-dot {
  width: 1.4rem;
  height: 1.4rem;
  background-color: #006699;   /* same dot color as Fellows */
  border-radius: 50%;
  display: inline-block;
  margin-left: 0.5rem;
}

/* Full-bleed image that goes edge-to-edge even inside centered layouts */
.full-bleed {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.full-width-hero {
  display: block;
  width: 100%;
  height: auto;
}

/* Caption below hero image */
.hero-caption {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
  padding: 1.5rem 2rem 0;
  margin: 0 auto 1.5rem;
}

/* Section dividers (match Fellows heavy line) */
.section-divider {
  border: none;
  border-top: 2px solid #000;
  width: 100%;
  margin: 2rem 0;
}
.section-divider--soft {
  border-top-color: #cfcfcf;
}

/* Section titles */
.section-block { margin-top: 2.5rem; }
.section-title {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 1.25rem;
  padding-top: 0.25rem;
  letter-spacing: 0.02em;
}
.arrow { font-size: 1.1rem; margin-left: .4rem; }

/* Podcast cards */
.podcast-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.podcast-card {
  flex: 1 1 calc(50% - 0.75rem);

}
.podcast-card img { width: 100%; height: auto; display: block; }
.podcast-info { padding: 1rem; }
.podcast-info .tag {
  background: #00b3b3;       /* teal label from screenshot */
  color: #fff;
  font-size: .72rem;
  line-height: 1.25;
  padding: .5rem .6rem;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  margin-bottom: .6rem;
  border-radius: 2px;
}
.podcast-meta { color: #444; font-size: .9rem; }

/* Editions gallery row */
.editions-row {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.editions-row img {
  width: calc(20% - .8rem);
  min-width: 140px;
  border: 1px solid #cfcfcf;
  display: block;
}

/* Editions list */
.editions-list {
  list-style: none;
  padding-left: 0;
  font-size: 0.95rem;
  line-height: 1.6;
}
.editions-list li { margin-bottom: .4rem; }

/* Responsive tweaks */
@media (max-width: 900px) {
  .podcast-card { flex-basis: 100%; }
  .hero-title-wrapper { padding: 2rem 1.25rem 1rem; }
  .container-narrow { padding: 0 1.25rem; }
  .hero-caption { padding: 1rem 1.25rem 0; }
}


/* === Section 2: Selected Podcasts === */

/* two-column on desktop */
.podcast-grid--two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;                /* space between columns/cards */
}

@media (max-width: 980px) {
  .podcast-grid--two { grid-template-columns: 1fr; }
}

.podcast-card {
  display: flex;
  flex-direction: column;
}

.podcast-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Teal bar (exact same width as the image because it sits in the same flow) */
.podcast-bar {
  background: #11A9B3;         /* teal from screenshot */
  color: #001A1C;              /* deep blackish text */
  border: 4px solid #1b1b1b;   /* thick dark border */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem 1.1rem;
  margin-top: .7rem;
}

.podcast-bar__text {
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.25;
  font-size: .86rem; /* compact like the graphic */
}

/* Icon inherits color; keep it strong and aligned right */
.podcast-bar__icon {
  display: flex;
  align-items: center;
  color: #001A1C;
}

/* Body */
.podcast-body {
  padding-top: 1rem;
  font-size: .95rem;
  line-height: 1.65;
  color: #222;
}

/* Teal bullets that match your screenshot */
.teal-bullets {
  list-style: none;
  padding-left: 0;
  margin: .75rem 0 0;
}
.teal-bullets li {
  position: relative;
  padding-left: 1.15rem;
  margin: .4rem 0;
}
.teal-bullets li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .6em;
  width: .46rem;
  height: .46rem;
  background: #11A9B3;    /* same teal as bar */
  border-radius: 50%;
}

/* Keep section divider options */
.section-divider { border-top: 1px solid #000; }

/* === Editions gallery with download buttons === */

.editions-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (max-width: 1100px) {
  .editions-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 680px) {
  .editions-grid { grid-template-columns: repeat(2, 1fr); }
}

.edition-card {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.edition-card img {
  width: 100%;
  height: auto;
  display: block;
}

/* small circular download button centered under image */

.edition-download {
  display: flex;
  justify-content: center;
  padding: .5rem 0;
}

.edition-download a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: none;
  border: none;
  box-shadow: none;
}

.edition-download a img {
  width: 26px;   /* adjust size of your SVG */
  height: auto;
  display: block;
  transition: transform .15s ease, opacity .15s ease;
}

.edition-download a:hover img {
  transform: translateY(-1px);
  opacity: 0.7;  /* simple hover effect */
}

/* === Year list with blue dots === */
.edition-bullets {
  list-style: none;
  padding-left: 0;
  margin: .5rem 0 0;
  font-size: .98rem;
  line-height: 1.7;
  padding-bottom: 30px;
}
.edition-bullets li {
  position: relative;
  padding-left: 1.15rem;
  margin: .35rem 0;
}
.edition-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .63em;
  width: .46rem;
  height: .46rem;
  background: #11A9B3;  /* same teal/blue as other dots */
  border-radius: 50%;
}

.section-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 1.25rem;
  padding-top: 0.25rem;
}

.section-title .arrow img {
  width: 18px;      /* adjust to match your design */
  height: auto;
  display: inline-block;
}

.podcast-bar__icon img {
  width: 22px;   /* adjust size as needed */
  height: auto;
  display: block;
}

.no-style-link {
  color: inherit;
  text-decoration: none;
  display: block; /* makes sure the link wraps the whole card */
}
.no-style-link:hover,
.no-style-link:focus {
  color: inherit;
  text-decoration: none;
}