/* prose */
/**
 * Prose Block styles.
 *
 * Everything here is a descendant selector on .prose__content, because the markup comes
 * from a rich-text field and carries no classes of its own.
 */

.prose {
  background: var(--bg-base, #121412);
  color: var(--text, #ffffff);
}

.prose__body {
  max-width: 68.5rem;
  margin-inline: auto;
}

.prose__standfirst {
  margin: 0 0 2rem;
  font-size: 1.3125rem;
  line-height: 1.7;
  color: var(--muted, #c9cfc9);
}

/* Rich text ------------------------------------------------------------------ */

.prose__content h2 {
  margin: 3rem 0 1rem;
  font-size: 1.3125rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text, #ffffff);
}

.prose__content h3 {
  margin: 2rem 0 0.75rem;
  font-size: 1.3125rem;
  font-weight: 700;
  color: var(--text, #ffffff);
}

.prose__content > :first-child { margin-top: 0; }
.prose__content > :last-child  { margin-bottom: 0; }

.prose__content p {
  margin: 0 0 1rem;
  font-size: 1.3125rem;
  line-height: 1.75;
  color: var(--muted, #c9cfc9);
}

.prose__content a { color: var(--accent, #5ad05a); }

/* Bullets — a green bar to the left rather than a dot. */
.prose__content ul {
  margin: 0 0 1.5rem;
  padding: 0;
  list-style: none;
}

.prose__content ul li {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  font-size: 1.3125rem;
  line-height: 1.7;
  color: var(--muted, #c9cfc9);
}

.prose__content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 3px;
  background: var(--accent, #5ad05a);
}

.prose__content ul li strong { color: var(--text, #ffffff); }

.prose__content ol {
  margin: 0 0 1.5rem;
  padding-left: 1.25rem;
  font-size: 1.3125rem;
  line-height: 1.7;
  color: var(--muted, #c9cfc9);
}

/* Pull quote ------------------------------------------------------------------ */

.prose__content blockquote {
  margin: 2rem 0;
  padding-left: 1.5rem;
  border-left: 3px solid var(--accent, #5ad05a);
}

.prose__content blockquote p {
  margin: 0 0 0.5rem;
  font-size: 1.3125rem;
  font-style: italic;
  color: var(--text, #ffffff);
}

.prose__content blockquote cite {
  font-size: 1.3125rem;
  font-style: normal;
  color: var(--muted, #c9cfc9);
}

.prose__content img {
  display: block;
  width: 100%;
  height: auto;
  margin-block: 1.5rem;
}

/* Footnotes -------------------------------------------------------------------- */

.prose__footnotes {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
}

.prose__footnotes p {
  margin: 0 0 0.75rem;
  font-size: 1.3125rem;
  font-style: italic;
  line-height: 1.6;
  color: var(--muted, #c9cfc9);
}

.prose__footnotes p:last-child { margin-bottom: 0; }