/* ============================================================
   page-dispatch — dispatch & vendors page-unique selectors
   (Aurora Glass × Editorial). All shared components — .article-grid,
   .prose, .rail*, .signup, .legend, .vp*, .dispatch-card, .band,
   .sec-head, .crumbs, .callout, .disclaimer — live in aurora.css.
   This file only covers gaps unique to these two page types,
   chiefly styling the MARKDOWN-rendered dispatch issue body so the
   plain <p>/<h2>/<blockquote>/<a> output matches the .prose mockup.
   ============================================================ */

/* --- Dispatch issue: markdown body inside the two-column .article-grid ---
   The issue body is rendered from Markdown into <article class="prose">,
   so it emits bare elements without the mockup's helper classes
   (.lead-p, .num, a.inline, .pullquote). Bridge those here. */

/* First paragraph drop-cap — markdown has no .lead-p hook, so target the
   first paragraph of the dispatch prose column directly. */
.article-grid > .prose > p:first-of-type::first-letter {
  font-size: 3.6em;
  float: left;
  line-height: 0.8;
  padding: 8px 12px 0 0;
  font-family: var(--serif);
  font-weight: 500;
  color: var(--accent);
}

/* Inline links in the markdown body — match the a.inline treatment. */
.article-grid > .prose a:not(.btn):not(.btn-link):not(.inav):not(.go):not(.btn-cta):not(.btn-price) {
  color: var(--accent);
  text-decoration: underline;
  text-decoration-color: color-mix(in oklch, var(--accent) 40%, transparent);
  text-underline-offset: 3px;
}
.article-grid > .prose a:not(.btn):not(.btn-link):not(.inav):not(.go):not(.btn-cta):not(.btn-price):hover {
  text-decoration-color: var(--accent);
}

/* Bold runs in body copy lift to full ink. */
.article-grid > .prose > p strong,
.article-grid > .prose ul li strong { color: var(--ink); font-weight: 600; }

/* Markdown blockquote → pullquote treatment (markdown emits <blockquote><p>). */
.article-grid > .prose blockquote {
  margin: 36px 0;
  padding: 4px 0 4px 26px;
  border-left: 3px solid var(--accent);
}
.article-grid > .prose blockquote p {
  font-family: var(--serif);
  font-style: italic;
  font-size: 24px;
  line-height: 1.32;
  color: var(--ink);
  letter-spacing: -0.01em;
  text-wrap: pretty;
}

/* Ordered lists from markdown — keep the serif body rhythm, restore numbers. */
.article-grid > .prose ol {
  margin: 16px 0;
  padding-left: 1.3em;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.article-grid > .prose ol li {
  font-family: var(--serif);
  font-size: 17px;
  line-height: 1.55;
  color: var(--ink);
}

/* Share-buttons partial (.share-row) sits between body and issue-nav — give it air. */
.article-grid > .prose .share-row { margin-top: 36px; }