/* Blog pages (generated by scripts/build-blog.mjs). Uses only the site's own tokens from shodkk.css. */
.blog-page { line-height: 1.7; }
.blog-crumbs { font-size: 12px; color: var(--text-sec); margin: 6px 0 14px; }
.blog-crumbs a { color: var(--text-sec); }
.blog-crumbs span { overflow-wrap: anywhere; }
.blog-title { margin: 0 0 6px; overflow-wrap: anywhere; }
.blog-meta { margin: 0 0 18px; }
.blog-body p, .blog-body li { font-size: 15px; line-height: 1.75; }
.blog-body p { margin: 0 0 12px; }
.blog-body h2 { font-size: 19px; font-weight: 700; margin: 26px 0 8px; line-height: 1.35; }
.blog-body h3 { margin: 20px 0 6px; line-height: 1.4; }
.blog-body ul, .blog-body ol { padding-left: 22px; margin: 0 0 14px; }
.blog-body li { margin: 6px 0; }
.blog-body blockquote { margin: 14px 0; padding: 4px 14px; border-left: 3px solid var(--accent); background: var(--bg-sub); border-radius: 0 var(--r-card-sm) var(--r-card-sm) 0; }
.blog-body blockquote p { margin: 6px 0; color: var(--text-sec); }
.blog-table { overflow-x: auto; margin: 14px 0; border: 1px solid var(--border); border-radius: var(--r-card-sm); }
.blog-table table { border-collapse: collapse; width: 100%; font-size: 14px; }
.blog-table th, .blog-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--border-soft); vertical-align: top; }
.blog-table th { background: var(--bone); font-weight: 700; }
.blog-table tr:last-child td { border-bottom: 0; }
.blog-cta { margin: 26px 0; }
.blog-cta h2 { font-size: 17px; margin: 0 0 6px; }
.blog-cta p { margin: 0 0 12px; font-size: 14px; }
.blog-faq h2, .blog-sources h2, .blog-more h2 { font-size: 18px; margin: 28px 0 10px; }
.blog-faq-item { padding: 10px 0; border-bottom: 1px solid var(--border-soft); }
.blog-faq-item h3 { font-size: 15px; margin: 0 0 4px; line-height: 1.45; }
.blog-faq-item p { margin: 0; font-size: 14px; color: var(--text-sec); }
.blog-sources ul, .blog-more ul { padding-left: 20px; }
.blog-sources li, .blog-more li { margin: 6px 0; font-size: 14px; overflow-wrap: anywhere; }
.blog-group h2 { font-size: 18px; margin: 24px 0 10px; }
.blog-list { list-style: none; padding: 0; margin: 0; }
.blog-item h3 { font-size: 16px; margin: 0 0 6px; line-height: 1.4; }
.blog-item p { margin: 0 0 6px; font-size: 14px; }