/* =============================================================
   PROMOKOIN — СТРАНИЦА БИРЖИ
   Собрано по макету «Биржа внут. декстоп» (узел 604:3171),
   контент 1240 от x=100.

   Страница окрашена под бренд: цвет приходит из поля brand_color
   в переменной --rc-brand. Баннер собран из двух картинок:
   hero_bg — фон, hero_image — передняя.

     баннер     1240×322 на (100,179), радиус 16,
                рамка rgba(2,80,232,.2), фоновая картинка
     название   (124,203) Manrope Bold 46px/1.3, tracking 0.92, #fefefe
     тип биржи  (124,272) Manrope 16px + значок 12px
     описание   (124,310) ширина 599, Inter Medium 20px/1.4, #fefefe
     картинка   397×245 на (919,218)
     показатели 179×64 на y=413, шаг 203 → зазор 24;
                фон rgba(0,42,30,.2), рамка бренда, радиус 10,
                тень 0 2px 5px rgba(0,0,0,.25);
                подпись Manrope SemiBold 16px прописными #fefefe,
                значение Manrope ExtraBold 24px цветом бренда
     заголовок  (100,551) Manrope Bold 34px
     карточки   240×66 на 100/352/604 и y=635/713 → зазоры 12
                фон #fefefe, рамка цвета бренда 30%, радиус 10,
                подпись Inter 16px прописными цветом бренда,
                значение Manrope ExtraBold 18px чёрным
     комиссии   366×100 на (100,791) и (478,791) → зазор 12
     плюсы      366×309 на (100,903) и (479,903)
     бонус      310×246 на (1030,635), фон бренда 10%, рамка 20%,
                радиус 16, тень 0 0 16px;
                подпись Manrope SemiBold 18px прописными,
                сумма Manrope ExtraBold 36px, текст Inter Medium 14px,
                кнопка 264×57 градиентом бренда, Inter SemiBold 16px
     плашки     высота 40, радиус, текст 14px
   ============================================================= */

.rc {
    --rc-brand: #0250e8;
}

/* --- Баннер --- */
.rc-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 397px;
    align-items: start;
    min-height: 322px;
    padding: 24px;
    border: 1px solid rgba(2, 80, 232, 0.2);
    border-radius: var(--pk-radius, 16px);
    /* Фон — загруженная картинка; пока её нет, тёмная заливка,
       чтобы белый текст оставался читаемым */
    background-color: #000909;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.rc-hero__text {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

.rc-hero__title {
    margin: 0;
    font-family: var(--pk-manrope, "Manrope", sans-serif);
    font-size: 46px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.02em;
    text-transform: none;
    color: #fefefe;
}

/* Название 203…263, тип на 272 → 9px.
   Подпись Manrope SemiBold 16px прописными, цветом бренда,
   значок 12×12 через 5px после текста. */
.rc-hero__type {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 9px;
    font-family: var(--pk-manrope, "Manrope", sans-serif);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--rc-brand);
}

/* Значок 12×12 — щит с галочкой, цвет берётся от бренда.
   Рисуется маской, поэтому цвет меняется вместе с --rc-brand
   и отдельная картинка на каждую биржу не нужна. */
.rc-hero__type::after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: var(--rc-brand);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5l8 3v6c0 4.6-3.4 8.3-8 10-4.6-1.7-8-5.4-8-10v-6z'/%3E%3Cpath d='M8.4 12.2l2.6 2.6 4.6-5'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5l8 3v6c0 4.6-3.4 8.3-8 10-4.6-1.7-8-5.4-8-10v-6z'/%3E%3Cpath d='M8.4 12.2l2.6 2.6 4.6-5'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
}

/* Тип 272…294, описание на 310 → 16px */
.rc-hero__lead {
    max-width: 599px;
    margin: 16px 0 0;
    font-family: var(--pk-inter, "Inter", sans-serif);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #fefefe;
}

/* Картинка 397×245 на (919,218) → 39px от верха баннера */
.rc-hero__image {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
    width: 397px;
    margin-top: 15px;
}

.rc-hero__image img {
    display: block;
    width: 100%;
    height: auto;
}

/* Показатели на y=413 → 234 от верха баннера */
.rc-hero__stats {
    grid-column: 1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(4, 179px);
    gap: 24px;
    margin-top: 26px;
}

/* Иконка 40px слева в 14px, подписи справа с полем 14px */
.rc-stat {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    /* Зазор 7px: иконка 14…54, подпись с 61 при карточке 179 */
    column-gap: 7px;
    height: 64px;
    padding: 6px 14px;
    background: rgba(0, 42, 30, 0.2);
    border: 1px solid var(--rc-brand);
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    text-align: right;
}

.rc-stat__icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

/* Подписи в одну строку: «24h volume» и «Min deposit» длиннее
   остальных и при переносе уводили значение вниз */
.rc-stat__label {
    grid-column: 2;
    align-self: end;
    white-space: nowrap;
    font-family: var(--pk-manrope, "Manrope", sans-serif);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fefefe;
}

.rc-stat__value {
    grid-column: 2;
    align-self: start;
    white-space: nowrap;
    font-family: var(--pk-manrope, "Manrope", sans-serif);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: var(--rc-brand);
}

/* --- Заголовок раздела --- */
/* Баннер кончается на 501, заголовок на 551 → 50px */
.rc-section-title {
    margin: 50px 0 36px;
    font-family: var(--pk-manrope, "Manrope", sans-serif);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-transform: none;
    color: #000;
}

/* --- Две колонки: карточки 731 и панель бонуса 310 --- */
.rc-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.rc-main {
    flex: 1 1 745px;
    min-width: 0;
    max-width: 745px;
}

/* --- Карточки фактов 240×66 --- */
.rc-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 240px));
    gap: 12px;
}

.rc-fact {
    min-height: 66px;
    padding: 8px 14px;
    background: var(--pk-white, #fefefe);
    border: 1px solid color-mix(in srgb, var(--rc-brand) 30%, transparent);
    border-radius: 10px;
}

.rc-fact__label {
    display: block;
    font-family: var(--pk-inter, "Inter", sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--rc-brand);
}

.rc-fact__value {
    display: block;
    font-family: var(--pk-manrope, "Manrope", sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #000;
}

/* --- Комиссии 366×100 --- */
/* Карточки фактов кончаются на 779, комиссии на 791 → 12px */
.rc-fees {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 366px));
    gap: 12px;
    margin-top: 12px;
}

.rc-fee {
    min-height: 100px;
    padding: 14px;
    background: var(--pk-white, #fefefe);
    border: 1px solid color-mix(in srgb, var(--rc-brand) 30%, transparent);
    border-radius: 10px;
}

.rc-fee__label {
    display: block;
    font-family: var(--pk-inter, "Inter", sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--rc-brand);
}

.rc-fee__value {
    display: block;
    max-width: 283px;
    font-family: var(--pk-manrope, "Manrope", sans-serif);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #000;
}

/* --- Плюсы и минусы 366×309 --- */
/* Комиссии кончаются на 891, карточки на 903 → 12px */
.rc-pros-cons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 366px));
    gap: 13px;
    margin-top: 12px;
}

/* Плюсы всегда зелёные, независимо от цвета биржи: фон 5%, рамка 30%.
   Минусы красные #e43546: фон 5%, рамка 20%. */
.rc-pc {
    min-height: 309px;
    padding: 14px;
    background: rgba(34, 191, 124, 0.05);
    border: 1px solid rgba(34, 191, 124, 0.3);
    border-radius: 10px;
}

.rc-pc_bad {
    background: rgba(228, 53, 70, 0.05);
    border-color: rgba(228, 53, 70, 0.2);
}

.rc-pc__title {
    display: block;
    margin-bottom: 6px;
    font-family: var(--pk-inter, "Inter", sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pk-green, #22bf7c);
}

.rc-pc_bad .rc-pc__title {
    color: var(--pk-red, #e43546);
}

/* Список: Inter Medium 14px, обычные маркеры с отступом 21px,
   начало каждого пункта до тире — полужирное */
.rc-pc__body,
.rc-pc__body p,
.rc-pc__body li {
    font-family: var(--pk-inter, "Inter", sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #000;
}

.rc-pc__body ul {
    padding: 0;
    margin: 0;
    list-style: disc;
}

.rc-pc__body ul > li {
    position: static;
    padding-left: 0;
    margin-left: 21px;
    margin-bottom: 0;
}

.rc-pc__body ul > li::before {
    content: none;
}

.rc-pc__body strong,
.rc-pc__body b {
    font-weight: 600;
}

/* --- Панель бонуса 310×246 --- */
/* Следует за прокруткой: прилипает под шапкой в 72px плюс 20px просвета */
.rc-bonus {
    position: sticky;
    top: 92px;
    align-self: flex-start;
    flex: 0 0 310px;
    width: 310px;
    padding: 14px;
    background: color-mix(in srgb, var(--rc-brand) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--rc-brand) 20%, transparent);
    border-radius: var(--pk-radius, 16px);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.rc-bonus__label {
    display: block;
    font-family: var(--pk-manrope, "Manrope", sans-serif);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--rc-brand);
}

/* Подпись 649…674, сумма на 684 → 10px */
.rc-bonus__value {
    display: block;
    margin-top: 10px;
    font-family: var(--pk-manrope, "Manrope", sans-serif);
    font-size: 36px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #000;
}

/* Сумма 684…734, текст на 743 → 9px */
.rc-bonus__sub {
    margin: 9px 0 0;
    font-family: var(--pk-inter, "Inter", sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #000;
}

/* Текст кончается на 786, кнопка на 804 → 18px */
.rc-bonus__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
    margin-top: 18px;
    padding: 0 14px;
    background: linear-gradient(to right, var(--rc-brand), color-mix(in srgb, var(--rc-brand) 55%, #000));
    border-radius: var(--pk-radius, 16px);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: var(--pk-inter, "Inter", sans-serif);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #fefefe;
    text-align: center;
    text-decoration: none;
}

.rc-bonus__btn:hover,
.rc-bonus__btn:focus {
    color: #fefefe;
    text-decoration: none;
    filter: brightness(0.94);
}

/* --- Плашки-признаки --- */
/* Карточки кончаются на 1212, плашки на 1224 → 12px */
.rc-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

/* Плашки всегда зелёные, независимо от цвета биржи: фон 10%,
   рамка 30%, текст зелёный. Поля 21px по бокам и 10px сверху и снизу. */
.rc-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 21px;
    background: rgba(34, 191, 124, 0.1);
    border: 1px solid rgba(34, 191, 124, 0.3);
    border-radius: 10px;
    font-family: var(--pk-inter, "Inter", sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: var(--pk-green, #22bf7c);
}

/* Плашка про KYC в макете серая: фон rgba(217,217,217,.4),
   рамка #d9d9d9, текст чёрный */
.rc-pill_neutral {
    background: rgba(217, 217, 217, 0.4);
    border-color: #d9d9d9;
    color: #000;
}

/* Плашки кончаются на 1264, строка запретов на 1276 → 12px */
.rc-blocked {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    margin-top: 12px;
    background: rgba(228, 53, 70, 0.08);
    border: 1px solid rgba(228, 53, 70, 0.25);
    border-radius: 10px;
    font-family: var(--pk-inter, "Inter", sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.02em;
    color: var(--pk-red, #e43546);
}

/* --- Адаптив --- */
@media (max-width: 1199.98px) {
    .rc-hero {
        grid-template-columns: minmax(0, 1fr) 300px;
    }

    .rc-hero__image {
        width: 300px;
    }

    .rc-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 179px));
    }

    .rc-body {
        gap: 20px;
    }
}

/* --- Мобильная версия ---
   Макет «Биржа внут. моб.» (393, контент 345 от x=24):
     баннер     345×594 на (24,137), поля 14
     название   (14,14) Manrope Bold 26px
     тип        (14,56) 12px, значок 9px через 5px
     описание   (14,89) ширина 304
     картинка   307×190 на (23,211)
     показателей в мобильном макете нет
     бонус      отдельная панель 345×238 на (24,770), содержимое по центру:
                подпись 16px прописными, сумма Manrope ExtraBold 30px,
                текст Inter Medium 14px, кнопка 293×57
     заголовок  (24,1044) 18px
     карточки   166.5×66 в две колонки, зазоры 11 и 10;
                подпись Inter 14px прописными, значение Manrope ExtraBold 14px
     комиссии   345 во всю ширину, сначала futures, затем spot
     плюсы      345, поля 12
     плашки     высота 26, поля 16×6, текст Inter Medium 10px,
                зазоры 10; строка запретов во всю ширину
     автор      345×99, аватар 66 в (12,19), имя 18px, должность 14px
*/
@media (max-width: 991.98px) {
    .rc-hero {
        display: block;
        min-height: 0;
        padding: 14px;
    }

    .rc-hero__title {
        font-size: 26px;
    }

    /* Название 14…48, тип на 56 → 8px */
    .rc-hero__type {
        margin-top: 8px;
        gap: 5px;
        font-size: 12px;
    }

    .rc-hero__type::after {
        width: 9px;
        height: 9px;
        -webkit-mask-size: 9px 9px;
        mask-size: 9px 9px;
    }

    /* Тип 56…73, описание на 89 → 16px */
    .rc-hero__lead {
        max-width: 304px;
        margin-top: 16px;
        font-size: 14px;
    }

    /* Описание 89…177, картинка на 211 → 34px */
    .rc-hero__image {
        width: 307px;
        max-width: 100%;
        margin: 34px auto 0;
    }

    /* Показатели внутри баннера: четыре карточки 151×64 в два ряда,
       зазоры 15 и 14. Иконка 27px слева в 14px, подписи справа
       с полем 14px: название Manrope SemiBold 14px белым,
       значение Manrope ExtraBold 18px цветом бренда.
       Картинка кончается на 401, карточки на 565 → 164px. */
    .rc-hero__stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 151px));
        justify-content: space-between;
        gap: 14px 15px;
        margin-top: 34px;
    }

    /* Иконка 27px, отступ до подписей 8px */
    .rc-stat {
        grid-template-columns: 27px 1fr;
        column-gap: 8px;
        height: 64px;
        padding: 9px 14px;
        border-radius: 10px;
    }

    .rc-stat__icon {
        width: 27px;
        height: 27px;
    }

    .rc-stat__label {
        font-size: 14px;
        letter-spacing: 0.04em;
    }

    /* Название 9…29, значение сразу под ним */
    .rc-stat__value {
        font-size: 18px;
        letter-spacing: 0.04em;
    }

    /* Панель бонуса идёт отдельным блоком под баннером,
       содержимое по центру */
    .rc-bonus {
        position: static;
        width: auto;
        padding: 14px;
        margin-top: 39px;
    }

    .rc-bonus__label {
        font-size: 16px;
    }

    /* Подпись 14…36, сумма на 50 → 14px */
    .rc-bonus__value {
        margin-top: 14px;
        font-size: 30px;
        letter-spacing: 0.04em;
    }

    /* Сумма 50…92, текст на 106 → 14px */
    .rc-bonus__sub {
        max-width: 300px;
        margin: 14px auto 0;
        font-size: 14px;
    }

    /* Текст 106…149, кнопка на 167 → 18px */
    .rc-bonus__btn {
        max-width: 293px;
        height: 57px;
        margin: 18px auto 0;
    }

    /* Баннер кончается на 731, панель бонуса на 770 → 39px;
       панель кончается на 1008, заголовок на 1044 → 36px */
    .rc-section-title {
        margin: 36px 0 17px;
        font-size: 18px;
    }

    /* В макете панель бонуса идёт сразу под баннером, до заголовка
       «Overview». В разметке она внутри блока с карточками, поэтому
       блок раскрывается и порядок задаётся явно. */
    .rc {
        display: flex;
        flex-direction: column;
    }

    .rc-hero {
        order: 1;
    }

    .rc-body {
        display: contents;
    }

    .rc-bonus {
        order: 2;
    }

    .rc-section-title {
        order: 3;
    }

    .rc-main {
        order: 4;
        max-width: none;
    }

    .rc-pills {
        order: 5;
    }

    .rc-blocked {
        order: 6;
    }

    /* Карточки в две колонки: 166.5 при зазорах 11 и 10 */
    .rc-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 11px;
    }

    .rc-fact {
        padding: 12px;
    }

    .rc-fact__label {
        font-size: 14px;
        letter-spacing: 0.04em;
    }

    /* Подпись 12…32, значение на 34 → 2px */
    .rc-fact__value {
        margin-top: 2px;
        font-size: 14px;
        font-family: var(--pk-manrope, "Manrope", sans-serif);
        letter-spacing: 0.04em;
    }

    /* Комиссии во всю ширину; в макете сначала futures, потом spot */
    .rc-fees {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 10px;
    }

    .rc-fee {
        min-height: 66px;
        padding: 12px;
    }

    .rc-fee:first-child {
        order: 2;
    }

    .rc-fee__label {
        font-size: 14px;
    }

    .rc-fee__value {
        max-width: 192px;
        margin-top: 2px;
        font-size: 14px;
    }

    .rc-pros-cons {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 10px;
    }

    .rc-pc {
        min-height: 0;
        padding: 12px;
    }

    .rc-pc__title {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .rc-pc__body,
    .rc-pc__body p,
    .rc-pc__body li {
        font-size: 14px;
    }

    /* Плашки: высота 26, поля 16 на 6, текст 10px */
    .rc-pills {
        gap: 10px;
        margin-top: 10px;
    }

    .rc-pill {
        padding: 6px 16px;
        border-radius: 10px;
        font-size: 10px;
        letter-spacing: 0.04em;
        text-align: center;
    }

    /* Строка запретов во всю ширину, фон плотнее десктопного */
    .rc-blocked {
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 6px 16px;
        margin-top: 10px;
        background: rgba(228, 53, 70, 0.2);
        border-radius: 10px;
        font-size: 10px;
        letter-spacing: 0.04em;
        text-align: center;
    }
}

/* --- Текст обзора ---
   В макете он шириной 731 на x=100, как остальной контент.
   Без этого правила он растягивался на все 1240. */
.brokers-show__content {
    max-width: 731px;
    margin-top: 50px;
}

@media (max-width: 991.98px) {
    .brokers-show__content {
        max-width: none;
        margin-top: 32px;
    }
}

/* --- Отзывы ---
   В макете блок шириной 731, как текст обзора и панель автора.
   Без ограничения кнопка «Send» уезжала к правому краю страницы. */
.brokers-show .common-feedback {
    max-width: 731px;
    margin-top: 50px;
}

@media (max-width: 991.98px) {
    .brokers-show .common-feedback {
        max-width: none;
        margin-top: 32px;
    }
}

/* --- Блок автора под текстом обзора ---
   Макет: панель 731×114 на (100,2901), фон #f5f8fc,
   рамка rgba(2,80,232,.1), радиус 16, поля 24;
   аватар 66×66, имя Manrope Bold 18px с подчёркиванием,
   должность Inter 16px, зазор 24px. */
.rc-author {
    max-width: 731px;
    padding: 24px;
    margin: 50px 0 20px;
    background: #f5f8fc;
    border: 1px solid rgba(2, 80, 232, 0.1);
    border-radius: var(--pk-radius, 16px);
}

.rc-author .article-show__feedback-author {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.rc-author .article-show__feedback-author-avatar {
    flex: 0 0 66px;
    margin: 0;
}

.rc-author .article-show__feedback-author-avatar img {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    object-fit: cover;
}

.rc-author .article-show__feedback-author-name {
    margin: 0;
    font-family: var(--pk-manrope, "Manrope", sans-serif);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #000;
}

.rc-author .article-show__feedback-author-name a {
    color: inherit;
    text-decoration: underline;
    border: 0;
}

.rc-author .article-show__feedback-author-desc {
    max-height: none;
    margin-top: 6px;
    font-family: var(--pk-inter, "Inter", sans-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #000;
}

.rc-author .article-show__feedback-author-date {
    color: #000;
    opacity: 0.5;
}

@media (max-width: 991.98px) {
    .rc-author {
        padding: 14px;
        margin: 32px 0 20px;
    }

    .rc-author .article-show__feedback-author {
        gap: 24px;
    }

    /* Аватар 66 в (12,19), имя 18px, должность 14px шириной 212,
       зазор до текста 24px — как в макете */
    .rc-author .article-show__feedback-author-avatar,
    .rc-author .article-show__feedback-author-avatar img {
        flex-basis: 66px;
        width: 66px;
        height: 66px;
    }

    .rc-author .article-show__feedback-author-name {
        font-size: 18px;
    }

    .rc-author .article-show__feedback-author-desc {
        max-width: 212px;
        font-size: 14px;
    }
}