.blog-page,
.blog-single { background: #fff; }
.blog-hero,
.blog-single__header { background: #eef1f4; border-radius: 0 0 50px 50px; padding: 90px 0; }
.blog-hero h1,
.blog-single h1 { color: #354ea2; font-size: clamp(42px, 6vw, 72px); font-weight: 900; }
.blog-eyebrow { color: #354ea2; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.blog-list { padding: 80px 0 160px; }
.blog-card { border: 1px solid #dfe3e6; border-radius: 24px; display: flex; flex-direction: column; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.blog-card:hover { box-shadow: 0 18px 40px rgba(2, 34, 81, .12); transform: translateY(-5px); }
.blog-card__image { aspect-ratio: 1200 / 630; background: #eef1f4; display: block; overflow: hidden; }
.blog-card__image picture,
.blog-card__image img { display: block; height: 100%; width: 100%; }
.blog-card__image img { object-fit: cover; transition: transform .4s ease; }
.blog-card:hover .blog-card__image img { transform: scale(1.04); }
.blog-card__body { display: flex; flex: 1; flex-direction: column; padding: 28px; }
.blog-card__meta,
.blog-single__meta { color: #737b80; display: flex; font-size: 13px; gap: 14px; margin-bottom: 14px; }
.blog-card h2 { font-size: 25px; font-weight: 800; }
.blog-card h2 a,
.blog-card__link { color: #354ea2; text-decoration: none; }
.blog-card__link { font-weight: 700; margin-top: auto; }
.blog-pagination { display: flex; gap: 8px; justify-content: center; margin-top: 55px; }
.blog-pagination .page-numbers { border: 1px solid #dfe3e6; border-radius: 20px; color: #354ea2; padding: 8px 15px; text-decoration: none; }
.blog-pagination .current { background: #354ea2; color: #fff; }
.blog-empty { color: #737b80; font-size: 20px; text-align: center; }
.blog-single__header-content { max-width: 900px; }
.blog-back { color: #354ea2; display: inline-block; margin-bottom: 35px; text-decoration: none; }
.blog-single__lead { font-size: 21px; max-width: 760px; }
.blog-single__media { margin-top: -35px; max-width: 1100px; position: relative; }
.blog-single__media picture,
.blog-single__media img { display: block; width: 100%; }
.blog-single__media img { aspect-ratio: 1200 / 630; border-radius: 30px; object-fit: cover; }
.blog-single__content { font-family: Montserrat, sans-serif; font-size: 18px; line-height: 1.8; margin: 70px auto 170px; max-width: 820px; }
.blog-single__content h2,
.blog-single__content h3 { color: #354ea2; font-family: Brinnan, sans-serif; font-weight: 800; margin: 45px 0 18px; }
.blog-single__content img { border-radius: 18px; height: auto; max-width: 100%; }
.blog-single__content a { color: #354ea2; }
@media (max-width: 767px) {
    .blog-hero,
    .blog-single__header { border-radius: 0 0 28px 28px; padding: 55px 8px; }
    .blog-list { padding: 50px 8px 140px; }
    .blog-card__image { aspect-ratio: 3 / 4; }
    .blog-single__media { margin-top: 25px; padding: 0 18px; }
    .blog-single__media img { aspect-ratio: 3 / 4; border-radius: 20px; }
    .blog-single__content { font-size: 17px; margin: 45px 8px 150px; }
}