.blog-page{padding:80px 0 50px}.blog-container{max-width:780px;margin:0 auto;padding:0 20px}
.blog-content h1{font-family:var(--font-heading);font-size:clamp(1.4rem,3vw,2rem);color:var(--dark);margin-bottom:10px;line-height:1.3}
.blog-content h2{font-family:var(--font-heading);font-size:1.3rem;color:var(--dark);margin:30px 0 12px}
.blog-content h3{font-family:var(--font-heading);font-size:1.1rem;color:var(--dark);margin:24px 0 8px}
.blog-content p{margin-bottom:14px;line-height:1.75;font-size:0.95rem}
.blog-content a{color:var(--blue)}
.blog-cta{background:var(--blue-bg);border:1px solid var(--blue);border-radius:12px;padding:28px;text-align:center;margin:36px 0}
.blog-cta h3{margin-top:0;margin-bottom:10px}
.blog-related{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}
.blog-related ul{list-style:none;padding:0}.blog-related li{margin-bottom:8px}
.blog-related a{font-size:0.92rem}
.blog-meta{color:var(--text-light);font-size:0.85rem;margin-bottom:20px}
.blog-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.blog-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:24px;transition:border-color 0.3s}
.blog-card:hover{border-color:var(--blue-light)}
.blog-card h3{font-family:var(--font-heading);font-size:1.05rem;color:var(--dark);margin-bottom:8px}
.blog-card h3 a{color:var(--dark);text-decoration:none}
.blog-card h3 a:hover{color:var(--blue)}
.blog-card p{font-size:0.85rem;color:var(--text-light);margin-bottom:10px;line-height:1.5}
.blog-card .read-more{color:var(--blue);font-size:0.82rem;font-weight:700}
@media(max-width:575px){.blog-index-grid{grid-template-columns:1fr}}