/* Followium — blog.css (blog index + posts). Extends style.css + content.css tokens. */
.blog-post { padding-top: var(--sp-6); }
.blog-post h2 { margin-top: var(--sp-7); }
.blog-post h2:first-child { margin-top: 0; }
.blog-post blockquote { margin: 0 0 var(--sp-4); padding: 12px 18px; border-left: 3px solid var(--accent); background: var(--accent-soft-2); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; color: var(--ink-soft); font-size: 15px; line-height: 1.65; }
.blog-post .market-table-scroll { overflow-x: auto; border: 1px solid var(--hairline); border-radius: var(--radius); background: var(--bg-raised); margin: var(--sp-2) 0 var(--sp-5); }
.blog-post table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 520px; }
.blog-post th, .blog-post td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hairline-soft); color: var(--ink-soft); line-height: 1.5; }
.blog-post thead th { font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink-faint); font-weight: 700; background: var(--bg-sunken); }
.blog-post tbody tr:last-child td { border-bottom: none; }
.blog-post td:first-child { color: var(--ink); font-weight: 600; }
.blog-post .tip { background: var(--accent-soft-2); border: 1px solid var(--hairline); border-radius: var(--radius); padding: 14px 18px; margin: 0 0 var(--sp-5); }
.blog-post .tip p { margin: 0; color: var(--ink); }
.blog-post p.note { font-size: 13px; color: var(--ink-faint); }
.blog-post .post-cta { margin-top: var(--sp-7); background: var(--bg-raised); border: 1px solid var(--hairline); border-radius: var(--radius-lg); padding: 24px 24px 26px; box-shadow: var(--shadow-sm); }
.blog-post .post-cta h3 { margin-top: 0; font-size: 19px; }
.blog-post .post-cta p { margin-bottom: var(--sp-4); }
.blog-post .post-cta a.post-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--accent); color: #fff; text-decoration: none; font-weight: 700; font-size: 15px; padding: 12px 20px; border-radius: 999px; }
.blog-post .post-cta a.post-cta-btn:hover { background: var(--accent-ink); }
.blog-sources { padding-top: var(--sp-6); }
.blog-card .lc-label time { font-weight: 500; }
@media (max-width: 640px) { .blog-post .post-cta { padding: 18px; } }