.hv-blog-listing { background: #fffaf3; padding: 48px 24px 64px; }
.hv-blog-listing-inner { max-width: 1140px; margin: auto; }
.hv-blog-listing header { text-align: center; margin-bottom: 32px; }
.hv-blog-listing h1 { margin: 0 0 12px; color: #542d15; font: 36px/1.2 Georgia, serif; }
.hv-blog-listing header p { color: #806a57; font: 14px/1.6 Arial, sans-serif; }
.hv-blog-listing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.hv-blog-listing-card { display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #e8dac7; border-radius: 12px; }
.hv-blog-listing-card > .row { margin: 0; }
.hv-blog-listing-card .blogimg { display: block; width: 100%; height: 205px; object-fit: cover; margin: 0; border-radius: 0; }
.hv-blog-listing-card h3 { margin: 22px 22px 12px; color: #542d15; font: 23px/1.3 Georgia, serif; }
.hv-blog-listing-card .tvc { margin: 0 22px 20px; color: #7b6857; font: 14px/1.75 Arial, sans-serif; }
.hv-blog-listing-card > a { align-self: flex-start; margin: auto 22px 24px; }
.hv-blog-listing-card .btblog { padding: 12px 20px; border: 0; border-radius: 7px; background: #65330f; color: #fff5e6; font: 600 13px/1.5 Arial, sans-serif; }
.hv-blog-listing-card .btblog:hover { background: #81481e; }
@media (max-width: 900px) { .hv-blog-listing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .hv-blog-listing { padding: 32px 18px; } .hv-blog-listing-grid { grid-template-columns: 1fr; } .hv-blog-listing-card .blogimg { height: auto; aspect-ratio: 1.85; } }