/* Blog Article Typography */
.article-body{font-size:1.0625rem;line-height:1.8;color:#374151;word-break:break-word}
.article-body h2{font-size:1.5rem;font-weight:700;margin:2rem 0 .75rem;color:#1f2937}
.article-body h3{font-size:1.2rem;font-weight:600;margin:1.5rem 0 .5rem;color:#1f2937}
.article-body p{margin-bottom:1rem}
.article-body ul,.article-body ol{margin:0 0 1rem 1.5rem}
.article-body li{margin-bottom:.375rem}
.article-body ul li{list-style:disc}
.article-body ol li{list-style:decimal}
.article-body a{color:#4f46e5;text-decoration:underline}
.article-body a:hover{color:#4338ca}
.article-body blockquote{border-left:4px solid #6366f1;padding:.5rem 0 .5rem 1rem;margin:1rem 0;background:#eef2ff;border-radius:0 .5rem .5rem 0;color:#4338ca}
.article-body code{background:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-size:.875em;color:#dc2626}
.article-body pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:.75rem;overflow-x:auto;margin:1rem 0}
.article-body pre code{background:none;color:inherit;padding:0}
.article-body table{width:100%;border-collapse:collapse;margin:1rem 0}
.article-body th,.article-body td{border:1px solid #e5e7eb;padding:.5rem .75rem;text-align:left}
.article-body th{background:#f9fafb;font-weight:600}
.prose-cta{background:linear-gradient(to right,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:1rem;padding:1.5rem;margin:1.5rem 0;text-align:center}
.prose-cta a{display:inline-block;background:#4f46e5;color:#fff;padding:.625rem 1.5rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .15s}
.prose-cta a:hover{background:#4338ca;box-shadow:0 4px 12px rgba(79,70,229,.3)}
.faq-item{border-bottom:1px solid #e5e7eb;padding:1rem 0}
.faq-item summary{font-weight:600;cursor:pointer;color:#1f2937}
.faq-item[open] summary{color:#4f46e5}
.toc{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem 1.5rem;margin:1rem 0 2rem}
.toc-title{font-weight:700;margin-bottom:.5rem;color:#1f2937}
.toc ol{margin:0 0 0 1.5rem}
.toc a{color:#4f46e5;text-decoration:none}
.toc a:hover{text-decoration:underline}
@media(prefers-color-scheme:dark){
  .article-body{color:#d1d5db}
  .article-body h2,.article-body h3{color:#f9fafb}
  .article-body blockquote{background:#1e1b4b;color:#c7d2fe}
  .article-body code{background:#374151;color:#fca5a5}
  .toc{background:#1f2937;border-color:#374151}
  .faq-item{border-color:#374151}
  .faq-item summary{color:#f9fafb}
}