.blog-hero{padding:80px 0 40px}
.blog-hero h1{font-size:48px;margin-bottom:20px}

.archive-description,.blog-description{max-width:720px;opacity:.8}

.blog-listing{padding:40px 0 80px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.blog-card{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:transform .3s}
.blog-card:hover{transform:translateY(-4px)}
.blog-card-image img{width:100%;height:240px;object-fit:cover;display:block}
.blog-card-content{padding:24px}
.blog-card-content h2{font-size:24px;margin:12px 0;line-height:1.3}
.blog-card-content h2 a{text-decoration:none;color:inherit}
.blog-read-more{display:inline-block;margin-top:16px;text-decoration:none;font-weight:600}

.single-article{padding:80px 0}
.single-header{max-width:900px;margin:0 auto 40px}
.single-header h1{font-size:56px;line-height:1.1;margin-top:16px}
.single-meta{display:flex;gap:16px;font-size:14px;opacity:.7}
.single-thumbnail{margin-bottom:48px}
.single-thumbnail img{width:100%;border-radius:24px;display:block}
.single-content{max-width:800px;margin:0 auto;font-size:18px;line-height:1.8}
.single-content h2,.single-content h3{margin-top:48px}
.single-navigation{max-width:800px;margin:64px auto 0;display:flex;justify-content:space-between;gap:24px}

.pagination{margin-top:60px;text-align:center}


@media screen and (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}
	.single-header h1{font-size:42px}
}

@media screen and (max-width:768px){.blog-hero{padding:48px 0 24px}
	.blog-hero h1{font-size:36px}
	.blog-grid{grid-template-columns:1fr}
	.single-header h1{font-size:32px}
	.single-content{font-size:16px}
	.single-navigation{flex-direction:column}
}