/* BJPTrailerSales.com blog archive refresh — BJP Trailers, 2026-08-05 */
.blog-index>section{opacity:1!important;visibility:visible!important;transform:none!important}
body.premium-site.generic-page .blog-archive-hero{min-height:clamp(285px,31vw,360px);padding:18px 0 36px}
body.premium-site.generic-page .blog-archive-hero .breadcrumbs{margin-bottom:14px}
body.premium-site.generic-page .blog-archive-hero .narrow-hero{max-width:920px;padding:24px 30px 26px;background:rgba(3,15,35,.83)}
body.premium-site.generic-page .blog-archive-hero h1{max-width:20ch;margin-bottom:13px;font-size:clamp(2.25rem,4.1vw,4rem);line-height:1.01}
body.premium-site.generic-page .blog-archive-hero p{max-width:74ch;margin-bottom:0;font-size:1rem;line-height:1.62}
.blog-recent-section{padding-block:clamp(42px,5vw,70px)!important}
.blog-archive-heading{margin-bottom:28px}
.blog-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-post-card,.blog-post-card.blog-post-card--featured{grid-template-columns:1fr;min-height:0;border-radius:18px}
.blog-post-card-media img,.blog-post-card.blog-post-card--featured .blog-post-card-media img{width:100%;height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover}
.blog-post-card-copy{justify-content:flex-start;padding:27px 25px 29px}
.blog-post-card-copy h3{font-size:clamp(1.45rem,2vw,2rem);line-height:1.08}
.blog-post-card-copy>p{font-size:.96rem;line-height:1.66}
.blog-post-card-copy .blog-card-meta{margin:18px 0 20px;color:#5e6b7f}
.blog-post-card-link{margin-top:auto;padding-top:4px}
@media(max-width:980px){.blog-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-post-card--featured{grid-column:1/-1}.blog-post-card--featured .blog-post-card-media img{aspect-ratio:21/9}}
@media(max-width:700px){body.premium-site.generic-page .blog-archive-hero{min-height:0;padding:14px 0 25px}body.premium-site.generic-page .blog-archive-hero .breadcrumbs{margin-bottom:10px}body.premium-site.generic-page .blog-archive-hero .narrow-hero{padding:21px 19px 23px}body.premium-site.generic-page .blog-archive-hero h1{font-size:clamp(2rem,10vw,2.8rem)}.blog-recent-grid{grid-template-columns:1fr}.blog-post-card--featured{grid-column:auto}.blog-post-card--featured .blog-post-card-media img{aspect-ratio:16/10}.blog-post-card-copy{padding:24px 21px 26px}}