.press-release-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
  width: 100%;
  box-sizing: border-box;
}

.press-release-container h1,
.press-release-container h2,
.press-release-container h3 {
  margin-top: 2rem;
}

/* Scope typography to the press release container so site-wide lists/footers aren't affected */
.press-release-container p,
.press-release-container li {
  font-size: 1.5rem;
  line-height: 1.6;
}

.press-release-container ul {
  margin-left: 20px;
}

/*
  Article lead image — template pattern for all article and fundraiser pages.
  Wrap the lead image in <figure class="article-img"> like so:

    <figure class="article-img">
      <img src="image.jpg" alt="Description" />
    </figure>

  Optionally add a caption:
    <figure class="article-img">
      <img src="image.jpg" alt="Description" />
      <figcaption>Caption text here.</figcaption>
    </figure>
*/
figure.article-img {
  margin: 1.5rem auto;
  max-width: 720px;
  width: 100%;
  box-sizing: border-box;
}

figure.article-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

figure.article-img figcaption {
  font-size: 0.875rem;
  color: #666;
  margin-top: 0.5rem;
  text-align: center;
}

/* Fallback: bare img tags directly inside the container */
.press-release-container img {
  max-width: 720px;
  height: auto;
  display: block;
  margin: 1rem auto;
}

.attachment-section {
  margin-top: 1.25rem;
}

.press-date {
  font-size: 0.9rem;
  color: #666;
  margin: 0.25rem 0 1rem;
}

@media (max-width: 768px) {
  .press-release-container {
    padding: 1rem;
  }

  .press-release-container p,
  .press-release-container li {
    font-size: 1rem;
  }

  .press-release-container ul {
    margin-left: 15px;
  }

  .press-release-container h1 {
    font-size: 1.75rem;
  }

  .press-release-container h2 {
    font-size: 1.5rem;
  }

  .press-release-container h3 {
    font-size: 1.25rem;
  }
}