.blog-list{padding:60px 0}
.blog-list__title{font-size:2rem;margin-bottom:40px;text-align:center}
.blog-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}
.blog-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:transform .2s;min-height:160px;contain:layout}
.blog-card:hover{transform:translateY(-4px)}
.blog-card a{text-decoration:none;color:inherit;display:block}
.blog-card img{width:100%;height:200px;object-fit:cover}
.blog-card__content{padding:20px}
.blog-card__title{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--color-dark)}
.blog-card__excerpt{font-size:.9rem;color:#666;margin-bottom:10px;line-height:1.5}
.blog-card__date{font-size:.8rem;color:#999}
.article{padding:60px 0}
.article__container{max-width:800px;margin:0 auto}
.article__title{font-size:2rem;margin-bottom:10px}
.article__meta{color:#999;font-size:.9rem;margin-bottom:40px}
.article__body{line-height:1.8;font-size:1rem}
.article__body h2{font-size:1.5rem;margin:40px 0 15px;color:var(--color-dark)}
.article__body h3{font-size:1.2rem;margin:30px 0 10px}
.article__body ul{padding-left:20px;margin:15px 0}
.article__body li{margin-bottom:8px}
.article__body a{color:var(--color-accent)}
.article__back{display:inline-block;margin-top:40px;color:var(--color-accent);text-decoration:none;font-weight:600}
.blog-card { min-height: 320px; }
.blog-card img { width: 100%; height: 200px; object-fit: cover; aspect-ratio: 3/2; }
.blog-list__grid { grid-auto-rows: 1fr; }