/* .info-box and .lead rules, mapped onto the HTML Ghost produces. */
.art-content blockquote {
      background: #EFF6FF;
      border: 1px solid #CFE2FF;
      border-radius: 20px;
      padding: 1.2rem 1.5rem;
      margin: 1.5rem 0;
      font-size: 0.95rem;
    }
.art-content blockquote strong { display: block; margin-bottom: 0.5rem; color: var(--blue-mid); font-size: 1rem; }
.art-content > p:first-child {
      font-size: 1.1rem;
      color: var(--text-soft);
      line-height: 1.7;
      border-left: 4px solid var(--accent);
      padding-left: 1.5rem;
      margin-bottom: 2rem;
      font-weight: 500;
      background: #FEF9F0;
      border-radius: 0 12px 12px 0;
      padding: 1rem 1.5rem;
    }

/* Ghost editor cards (wide/full images) inside the article column. */
.art-content .kg-width-wide { margin-left: -2rem; margin-right: -2rem; }
.art-content .kg-width-full { margin-left: -2rem; margin-right: -2rem; }
.art-content img { max-width: 100%; height: auto; border-radius: 12px; }
.art-content figcaption { font-size: 0.85rem; color: var(--text-soft); text-align: center; margin-top: 0.5rem; }

/* Links Ghost needs where the old page had plain text. */
a.pop-link, a.related-item { color: inherit; text-decoration: none; }
.blog-pagination { display: flex; justify-content: center; gap: 1rem; margin: 2rem 0; }
.blog-pagination a, .blog-pagination span { padding: 0.5rem 1rem; border-radius: 999px; }
.blog-pagination a { border: 1px solid #CFE2FF; text-decoration: none; }