.article-page {
            padding: 90px 0 110px;
            background: #ffffff;
        }


        .article-page__inner {
            display: grid;
            grid-template-columns:
                minmax(0, 760px)
                minmax(300px, 390px);
            gap: 70px;
            align-items: start;
        }


        .article-page__back {
            display: inline-flex;
            margin-bottom: 30px;
            color: #1769e0;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
        }


        .article-page__back:hover {
            text-decoration: underline;
        }


        .article-page__eyebrow {
            margin: 0 0 16px;
            color: #1769e0;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }


        .article-page__title {
            max-width: 800px;
            margin: 0;
            color: #172033;
            font-size: clamp(38px, 5vw, 62px);
            line-height: 1.05;
            letter-spacing: -0.035em;
        }


        .article-page__lead {
            margin: 28px 0 0;
            color: #5f6876;
            font-size: 19px;
            line-height: 1.75;
        }


        .article-page__content {
            margin-top: 50px;
        }


        .article-page__content h2 {
            margin: 48px 0 16px;
            color: #172033;
            font-size: 28px;
            line-height: 1.25;
        }


        .article-page__content h2:first-child {
            margin-top: 0;
        }


        .article-page__content p {
            margin: 0 0 18px;
            color: #4f5968;
            font-size: 16px;
            line-height: 1.8;
        }


        .article-page__content ul {
            margin: 18px 0 24px;
            padding-left: 23px;
        }


        .article-page__content li {
            margin-bottom: 10px;
            color: #4f5968;
            font-size: 16px;
            line-height: 1.7;
        }


        /* =====================================================
           БОКОВАЯ КАРТОЧКА
           ===================================================== */

        .article-page__side {
            position: sticky;
            top: 110px;
        }


        .article-page__card {
            padding: 34px;
            color: #ffffff;
            background: #172033;
            border-radius: 22px;
        }


        .article-page__card-label {
            display: block;
            margin-bottom: 13px;
            color: #7fb4ff;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }


        .article-page__card h3 {
            margin: 0 0 14px;
            color: #ffffff;
            font-size: 27px;
            line-height: 1.25;
        }


        .article-page__card p {
            margin: 0;
            color: #c5cfdd;
            font-size: 14px;
            line-height: 1.7;
        }


        .article-page__card-meta {
            display: block;
            margin-top: 25px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.12);
            color: #ffffff;
            font-size: 13px;
            font-weight: 700;
        }


        /* =====================================================
           НИЖНИЙ БЛОК
           ===================================================== */

        .article-help {
            margin-top: 55px;
            padding: 32px;
            background: #f7f9fc;
            border: 1px solid #e4e9ef;
            border-radius: 20px;
        }


        .article-help h2 {
            margin: 0 0 13px;
            color: #172033;
            font-size: 25px;
        }


        .article-help p {
            margin: 0 0 22px;
            color: #5f6876;
            font-size: 15px;
            line-height: 1.7;
        }


        .article-help__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }


        .article-help__button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 48px;
            padding: 11px 20px;
            border-radius: 10px;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
        }


        .article-help__button--primary {
            color: #ffffff;
            background: #1769e0;
        }


        .article-help__button--secondary {
            color: #172033;
            background: #ffffff;
            border: 1px solid #dce2e9;
        }


        /* =====================================================
           АДАПТИВНОСТЬ
           ===================================================== */

        @media (max-width: 1000px) {

            .article-page__inner {
                grid-template-columns: 1fr;
                gap: 45px;
            }


            .article-page__side {
                position: static;
            }

        }


        @media (max-width: 650px) {

            .article-page {
                padding: 65px 0 80px;
            }


            .article-page__title {
                font-size: 38px;
            }


            .article-page__lead {
                font-size: 17px;
            }


            .article-page__content h2 {
                font-size: 24px;
            }


            .article-page__card,
            .article-help {
                padding: 25px;
            }

        }