__cover {
width: 100%;
max-height: 400px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 30px;
display: block;
}
.blog-detail__content {
font-size: 17px;
color: #333;
line-height: 1.7;
}
.blog-detail__content p {
margin-bottom: 20px;
}
.
.blog-detail__content li {
margin-bottom: 8px;
}
.blog-detail__content a {
color: var(--primary-color);
text-decoration: none;
transition: color 0.3s ease;
}
.blog-detail__content a:hover {
text-decoration: underline;
}
.blog-detail__content strong {
font-weight: bold;
color: #222;
}
@media (max-width: 768__meta">
{{#if blog.cover_image_url}}