/* Styles communs landing + articles (header injecté, pied de page) */
body { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }
.gradient-cta { background: linear-gradient(135deg, #6366f1, #8b5cf6); }

/* Contenu article */
.article-content { max-width: 42rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; color: #374151; font-size: 1rem; line-height: 1.7; }
.article-content h1 { font-size: 1.875rem; font-weight: 800; color: #111827; letter-spacing: -0.025em; margin-bottom: 0.75rem; line-height: 1.2; }
@media (min-width: 640px) { .article-content h1 { font-size: 2.25rem; } }
.article-content .lead { font-size: 1.125rem; color: #6b7280; margin-bottom: 2rem; line-height: 1.6; }
.article-content h2 { font-size: 1.25rem; font-weight: 700; color: #312e81; margin-top: 2rem; margin-bottom: 0.75rem; }
.article-content h3 { font-size: 1rem; font-weight: 600; color: #4b5563; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.article-content p { margin-bottom: 1rem; }
.article-content ul, .article-content ol { margin-bottom: 1rem; padding-left: 1.25rem; }
.article-content li { margin-bottom: 0.35rem; }
.article-content ul { list-style-type: disc; }
.article-content ol { list-style-type: decimal; }
.article-content code { font-size: 0.875em; background: #f3f4f6; padding: 0.125rem 0.375rem; border-radius: 0.25rem; font-family: ui-monospace, monospace; }
.article-content pre { background: #111827; color: #e5e7eb; padding: 1rem; border-radius: 0.75rem; overflow-x: auto; font-size: 0.8125rem; margin: 1rem 0; line-height: 1.5; }
.article-content pre code { background: transparent; padding: 0; color: inherit; }
.article-content a { color: #4f46e5; font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
.article-content a:hover { color: #4338ca; }
.article-content .callout { border-radius: 0.75rem; padding: 1rem 1.25rem; margin: 1.25rem 0; border: 1px solid #e5e7eb; background: #f9fafb; }
.article-content .callout-warn { border-color: #fcd34d; background: #fffbeb; color: #78350f; }
.article-content .callout-tip { border-color: #a5b4fc; background: #eef2ff; color: #312e81; }