/* The Prospect Times — additive styles only.
   Styles for elements that don't exist in the Webflow export (article date,
   image caption/credit, source attribution, related stories). The exported
   Webflow stylesheets are never modified. */

/* Article page: publish date, shown next to the byline */
.article-date {
  color: #999;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  white-space: nowrap;
}

.article-date::before {
  content: '·';
  margin-right: 4px;
  color: #b3b3b3;
}

/* Article page: caption + credit under the hero image.
   .image-article carries 32px bottom margin; pull the caption up against it. */
.image-caption {
  color: #727272;
  font-family: inter-variable, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  margin-top: -24px;
  margin-bottom: 0;
}

.image-caption .image-credit {
  color: #9a9a9a;
  text-transform: uppercase;
  font-size: 10px;
  margin-left: 6px;
  white-space: nowrap;
}

/* Article page: source attribution at the bottom of the body */
.source-attribution {
  color: #666;
  font-family: inter-variable, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 100%;
  border-top: 1px solid var(--rule);
  margin-top: 24px;
  padding-top: 12px;
}

.source-attribution a {
  color: #666;
  text-decoration: underline;
}

/* Article page: "More in {category}" related stories block */
.related-section {
  width: 100%;
  max-width: 840px;
  margin: 48px auto 0;
}

/* Article pages have a single centered column; let the flex child fill it */
.content.article-content {
  flex-flow: column;
}

/* Article topline: the category label is now a link to its section page —
   keep it looking like the original plain label. */
a.category {
  color: inherit;
  text-decoration: none;
}

/* Homepage Brooklyn spotlight: the export's block wasn't a link; ours is —
   keep it looking like the original non-link block. */
.brooklyn a.w-inline-block,
.brooklyn a.w-inline-block .title-lg,
.brooklyn a.w-inline-block .text-summary {
  color: inherit;
  text-decoration: none;
}

/* Contact form: submitted state (site.js swaps the form for this message) */
.form-success {
  color: #4c4c4c;
  font-size: 16px;
  line-height: 140%;
  padding: 24px 0;
}