/* Shared footer: keep artwork and contact details inside narrow viewports. */
.footer_right {
    min-width: 0;
    max-width: 100%;
}

.footer__logo {
    max-width: 100%;
    height: auto;
    flex-shrink: 0;
}

.phone_wraper {
    flex-wrap: wrap;
}

.footer__bottom > * {
    min-width: 0;
}

.footer__legal {
    overflow-wrap: anywhere;
}

@media (min-width: 769px) and (max-width: 1100px) {
    .footer__top {
        flex-wrap: wrap;
    }

    .footer_right {
        width: 100%;
        align-items: flex-start;
    }
}

/* The article uses the same assets, fonts and responsive footer as the home page. */
.news-page .header {
    background: linear-gradient(90deg, #07153a 0%, #0d1d66 34.8%, #091a47 100%);
}

.news-page .header__logo {
    object-fit: contain;
}

.news-page .header__links {
    position: absolute;
    right: 20px;
}

.news-page .article {
    width: 100%;
    padding-inline: 24px;
}

.news-page .article__content {
    width: 100%;
    max-width: 1000px;
    min-width: 0;
}

.news-page .article__headline {
    overflow-wrap: anywhere;
    font-size: clamp(28px, 4vw, 48px);
}

.news-page .article__photo {
    height: auto;
    aspect-ratio: 2;
}

.news-page .article__text {
    overflow-wrap: anywhere;
}

.news-page a:focus-visible {
    outline: 3px solid #c59949;
    outline-offset: 5px;
}

@media (max-width: 768px) {
    .news-page .header__nav-bar {
        height: 78px;
    }

    .news-page .header__logo {
        width: 107px;
        height: 78px;
    }

    .news-page .article {
        min-height: 0;
        padding: 132px 20px 64px;
    }

    .news-page .article__back {
        margin-bottom: 28px;
    }

    .news-page .article__photo {
        aspect-ratio: 4 / 3;
        margin-top: 24px;
        border-radius: 16px;
    }

    .news-page .article__text {
        margin-top: 24px;
        font-size: 18px;
        line-height: 1.5;
    }
}

/* Real footer links retain the established typography. */
.footer__legal[href] { text-decoration: none; }
.footer__legal[href]:hover { text-decoration: underline; }
.footer a:focus-visible { outline: 2px solid #fdd46d; outline-offset: 4px; }