/* ==========================================================================
   SINGLE POST — assets/css/pages/news-single.css
   Loaded on single posts.

   Generous typography, one measured column, no sidebar.
   ========================================================================== */

/* --- Head --------------------------------------------------------------- */

.post-single__head { padding-bottom: 44px; }

/* An article headline sits below a landing-page headline in the hierarchy. */
.post-single__title { font-size: clamp(30px, 4.2vw, 46px); max-width: 860px; }

.post-single__head .eyebrow a { color: inherit; }
.post-single__head .eyebrow a:hover { color: var(--navy); }

.post-single__meta {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink-light);
  margin: 20px 0 0;
}

.post-single__banner { --band-h: 420px; }

/* --- Body --------------------------------------------------------------- */
/* Wider and looser than the site default — this is the one place people
   settle in and read. */

.post-single .prose {
  font-size: 18px;
  line-height: 1.78;
  color: var(--ink-body);
}
.post-single .prose h2 { font-size: 26px; }
.post-single .prose h3 { font-size: 20px; }

.post-single .prose > p:first-of-type {
  font-size: 20px;
  line-height: 1.65;
  color: var(--ink);
}

.post-single .prose a { text-decoration: underline; text-underline-offset: 3px; }

.post-single .prose blockquote { font-size: 26px; }

.post-single__pages { font-size: 14px; color: var(--ink-muted); }

.post-single__back {
  border-top: 1px solid var(--rule-soft);
  margin: 40px 0 0;
  padding-top: 22px;
}

@media (max-width: 600px) {
  .post-single .prose { font-size: 17px; }
  .post-single .prose > p:first-of-type { font-size: 18px; }
}