/* Shared by published articles and the admin preview. Tokens come from styles.css. */
.blog-post__body { max-width: 720px; margin: 0 auto; padding: 48px 0 72px; font-size: 1.05rem; line-height: 1.9; overflow-wrap: anywhere; }
.blog-post__body h1 { color: var(--navy-900); font-size: clamp(28px, 4vw, 38px); margin: 12px 0; font-weight: 800; }
.blog-post__body h2 { color: var(--navy-900); font-size: 26px; margin: 40px 0 16px; }
.blog-post__body h3 { color: var(--navy-900); font-size: 21px; margin: 30px 0 12px; }
.blog-post__body p { margin-bottom: 16px; }
.blog-post__body img { max-width: 100%; height: auto; border-radius: 12px; }
.blog-post__body a { color: var(--blue-600); text-decoration: underline; }
.blog-post__body blockquote { border-left: 3px solid var(--gold); margin: 20px 0; padding: 12px 20px; color: var(--text-500); background: var(--sky-bg); border-radius: 0 12px 12px 0; }
.blog-post__body pre { white-space: pre-wrap; background: var(--sky-bg); padding: 16px; border-radius: 12px; }
.blog-post__body table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 20px 0; }
.blog-post__body th, .blog-post__body td { border: 1px solid var(--border); padding: 8px 12px; vertical-align: top; }
.blog-post__body th { background: var(--blue-50); }