/* =========================================================
   AILEARNIST — BLOG ARTICLE STYLES (every blog/*.php article)
   Page-specific styles only. Tokens, buttons, .page-hero,
   .card-grid, .card, .chip, .prose, .coming-soon come from
   /assets/css/base.css; navbar/footer/cookies/share from the
   shared include stylesheets.
   ========================================================= */
.article { max-width: 820px; margin: 0 auto; padding: 24px 20px 40px; }
.article-head h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); letter-spacing: -.02em; margin-bottom: 12px; }
.article-lede { font-size: 1.1rem; color: var(--text-muted); margin: 0 0 12px; }
.article-meta { display: flex; gap: 16px; font-size: .85rem; color: var(--text-muted); margin-bottom: 26px; }
.article-body { max-width: none; }
.article-body pre { background: var(--bg-alt); border: 1px solid var(--border); border-radius: 12px; padding: 14px; overflow-x: auto; }
#ailearnist-comments { margin-top: 40px; }