/* pages/blog.css — blog list + article */
.blog-list{display:flex;flex-direction:column;margin-top:8px}
.blog-row{display:flex;align-items:center;gap:14px;padding:18px 6px;border-bottom:1px solid var(--border);transition:background .15s;color:var(--text)}
.blog-row:hover{background:rgba(108,92,231,.05)}
.blog-row h2{font-size:1.05rem;font-weight:700;margin-bottom:6px}
.blog-row p{color:var(--muted);font-size:.82rem;line-height:1.55;margin-bottom:6px}
.br-meta{flex:1;min-width:0}
.br-sub{color:var(--muted);font-size:.72rem}
.blog-article article{max-width:760px;margin:0 auto}
.blog-title{font-size:1.9rem;font-weight:800;line-height:1.25;margin:14px 0 10px}
.blog-meta{color:var(--muted);font-size:.8rem;margin-bottom:26px}
.blog-content{font-size:.92rem;line-height:1.8;color:var(--text)}
.blog-content h2{font-size:1.25rem;font-weight:700;margin:30px 0 12px}
.blog-content h3{font-size:1.05rem;font-weight:700;margin:24px 0 10px}
.blog-content p{margin-bottom:14px}
.blog-content ul,.blog-content ol{margin:0 0 14px 22px}
.blog-content li{margin-bottom:7px}
.blog-content a{color:var(--accent2);text-decoration:underline}
.blog-content strong{color:#fff}
.blog-cta{margin-top:38px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px;text-align:center}
.blog-cta h3{font-size:1.15rem;font-weight:800;margin-bottom:8px}
.blog-cta p{color:var(--muted);font-size:.85rem;margin-bottom:16px}
@media (max-width:640px){.blog-title{font-size:1.5rem}}