/* Only loaded by blog/article.php (legacy articles in the new shell) */
/* ---------- Legacy articles (blog/article.php) ---------- */
.article-body img, .article-body svg { max-width: 100%; height: auto; margin: 0 auto; }
.article-body figure { margin: 28px auto; max-width: 560px; }
.prose ul.plain, .prose ol.plain { padding-left: 0; }
.prose ul.plain li, .prose ol.plain li { list-style: none; }
.prose .callout p { margin: 0; color: inherit; }
.prose .callout p + p { margin-top: 6px; }
.prose .callout.warn { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.prose .callout.warn > div { flex: 1; min-width: 200px; }
.prose a.btn { text-decoration: none; color: inherit; }
.prose a.btn-cta { color: var(--navy-950); }
.prose a.btn-wa, .prose a.btn-primary { color: #fff; }
.cta-box { background: var(--navy-900); color: #fff; border-radius: var(--r-lg); padding: 28px; text-align: center; margin: 32px 0; }
.cta-box p { color: rgba(255,255,255,.85) !important; margin: 0 0 14px; }
.cta-box p:first-child { color: #fff !important; font-size: 20px; font-weight: 800; margin-bottom: 6px; }
.gvv-related { margin-top: 44px; }
.gvv-related h2 { margin-top: 0 !important; }
.gvv-related-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: 16px; }
.prose .gvv-related-card { display: block; border: 1px solid var(--line); border-radius: var(--r-md); padding: 16px 18px; background: #fff; text-decoration: none; }
.prose .gvv-related-card:hover { border-color: var(--navy-100); box-shadow: var(--sh-md); }
.gvv-related-chip { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--navy-700); background: var(--navy-50); padding: 3px 9px; border-radius: 999px; margin-bottom: 8px; }
.gvv-related-title { font-size: 15px; font-weight: 700; color: var(--ink-900); line-height: 1.4; }
.prose ul.plain li { display: flex; gap: 10px; align-items: flex-start; }
.prose a.gvv-related-card { text-decoration: none; }