/* нижняя кнопка встала влево: у неё display:flex, а он не слушает text-align родителя */
.blog2-close [data-open-quiz]{margin-left:auto;margin-right:auto}
/* подписка в подвале: оставляем только почту */
.subscribe input[name="name"],.subscribe .subscribe__name{display:none!important}

.page-tail{background:#f6f4f1;padding:56px 0 0}

/* То же самое: под коротким вводным абзацем низ карточки оставался пустым. */
.page-header__body{padding-top:56px;padding-bottom:56px}

/* /blog/ prototype styles */

/* /blog/ prototype styles. Own file, does not touch home2.css / malta2.css / about2.css /

   faq2.css / hiw2.css / selfref2.css / partner2.css / contact2.css / pubs2.css. */



.blog2-intro {

    max-width: 760px;

    margin: 0 auto 40px;

    font-size: 18px;

    line-height: 1.6;

    text-align: center;

    text-wrap: pretty;

}



.blog2-route {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    max-width: 900px;

    margin: 0 auto 64px;

    padding: 28px 32px;

    border: 1px solid rgba(0,0,0,.12);

    border-radius: 16px;

    background: #fcfcfc;

}



.blog2-route__title {

    margin: 0 0 6px;

    text-wrap: balance;

}



.blog2-route__text p {

    margin: 0;

    color: rgba(0,0,0,.7);

}



.blog2-route__btn,

.blog2-close__btn {

    flex-shrink: 0;

    white-space: nowrap;

}



.blog2-section__title {

    text-align: center;

    margin: 0 0 8px;

    text-wrap: balance;

}



.blog2-section__lead {

    max-width: 640px;

    margin: 0 auto 32px;

    text-align: center;

    color: rgba(0,0,0,.65);

    text-wrap: pretty;

}



.blog2-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 32px;

    margin: 0 0 72px;

}



.blog2-grid--basics {

    grid-template-columns: repeat(4, 1fr);

}



.blog2-card {

    display: flex;

    flex-direction: column;

}



.blog2-card__head {

    display: block;

    border-radius: 12px;

    overflow: hidden;

    margin-bottom: 16px;

}



.blog2-card__head img {

    display: block;

    width: 100%;

    height: auto;

    aspect-ratio: 16/10;

    object-fit: cover;

}



.blog2-card__title {

    margin: 0 0 8px;

    text-wrap: balance;

}



.blog2-card__title a {

    color: inherit;

    text-decoration: none;

}



.blog2-card__title a:hover {

    text-decoration: underline;

}



.blog2-card__text {

    margin: 0 0 8px;

    font-size: 15px;

    line-height: 1.55;

    color: rgba(0,0,0,.7);

    text-wrap: pretty;

}



.blog2-card__date {

    font-size: 13px;

    color: rgba(0,0,0,.45);

    text-transform: uppercase;

    letter-spacing: .04em;

}



.blog2-close {

    max-width: 640px;

    margin: 0 auto 56px;

    text-align: center;

}



.blog2-close__title {

    margin: 0 0 12px;

    text-wrap: balance;

}



.blog2-close__text {

    margin: 0 0 24px;

    color: rgba(0,0,0,.7);

    text-wrap: pretty;

}



@media (max-width: 1249px) {

    .blog2-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .blog2-grid--basics {

        grid-template-columns: repeat(2, 1fr);

    }

}



@media (max-width: 900px) {

    .blog2-route {

        flex-direction: column;

        align-items: stretch;

        text-align: center;

    }

    .blog2-route__btn {

        width: 100%;

    }

}



@media (max-width: 640px) {

    .blog2-grid,

    .blog2-grid--basics {

        grid-template-columns: 1fr;

    }

    .blog2-close__btn {

        width: 100%;

    }

}