/* Blog-only styles — uses the design tokens from style.css */
.blog-index,.blog-post{padding:140px 0 88px}
.blog-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:52px}
.blog-card{display:block;background:var(--white);border:1px solid var(--border-lt);border-radius:var(--rad-lg);padding:28px;box-shadow:var(--shadow-sm);transition:var(--trans)}
.blog-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-4px)}
.blog-card-date{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-xlt)}
.blog-card-title{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--text);margin:10px 0;line-height:1.3}
.blog-card-desc{font-size:14px;color:var(--text-lt);line-height:1.7;margin-bottom:16px}
.blog-post-head{padding-bottom:36px;border-bottom:1px solid var(--border-lt);margin-bottom:42px}
.blog-post-title{max-width:760px}
.blog-post-meta{font-size:14px;color:var(--text-lt)}
.blog-post-body{max-width:760px;font-size:16.5px;line-height:1.85;color:var(--text-md)}
.blog-post-body h2{font-family:var(--font-head);font-size:26px;font-weight:800;color:var(--text);margin:42px 0 14px;letter-spacing:-.02em}
.blog-post-body h3{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--text);margin:32px 0 12px}
.blog-post-body p{margin-bottom:18px}
.blog-post-body a{color:var(--blue);font-weight:600}
.blog-post-body ul,.blog-post-body ol{margin:0 0 18px 22px}
.blog-post-body li{margin-bottom:8px}
.blog-post-body code{background:var(--blue-ghost);padding:2px 7px;border-radius:4px;font-size:14px;color:var(--blue-dk)}
.blog-post-cta{margin-top:48px;padding-top:36px;border-top:1px solid var(--border-lt)}
@media(max-width:768px){.blog-list{grid-template-columns:1fr}.blog-index,.blog-post{padding:110px 0 60px}}