/*
    Стили страницы «Инвесторам» (/investors/).
    Подключать ПОСЛЕ style.css и newstyle.css.
    Все значения (цвета, шрифты, отступы) скопированы из дизайн-системы шаблона oil_resource:
    жёлтый #F5DD07, active #E7D00A, текст #252525, вторичный #6A6A6A, приглушённый #A6A6A6,
    фон #F2F2F2, границы #E4E4E4; шрифты 'Myriad Pro 400/600/700'.
*/

/*start ir-rub — глиф ₽ (U+20BD): в вебфонтах Myriad Pro шаблона его нет.
  Берём из Source Sans 3 (открытый гуманистический гротеск Adobe, лицензия OFL,
  ближайший свободный аналог Myriad Pro). Вшит субсет из одного глифа —
  вариативный woff2 на 1,4 КБ, обслуживает все три начертания; сетевых запросов нет.
  unicode-range перекрывает только ₽, остальной текст остаётся в Myriad Pro.*/
@font-face {
    font-family: 'Myriad Pro 400';
    src: url(data:font/woff2;base64,d09GMgABAAAAAAW0ABQAAAAACogAAAVGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGUYbHhw0P0hWQVJPP01WQVJGBmA/U1RBVIEqJyoAPC9kEQgKgUCBPAsIADCCOgE2AiQDDAQgBYZ8ByAbIAnIBB7+a86/bybhTBSpBTnpYBaC1IO4J7isCoeuvvtKXFYVU8o3mvrH//+1Vlcs7qQNhYdZSFYL3PnIm4f5n0XcEp6hZPGkniAUOJ1K6IUldrULwr+XlhADAShfTkKDJiunqAq/ztmxAfy6x1z9+A20TwzhhwfKSIGEEeX3i8VKDVKv0zU8Njw49DBSTwABCHydgubrypUVDD6EE0hoPDMrhGV/PwL8gdU4tiyk50YIknNtodd3hZLfIyKz7GX9bCGsKw2K0upKrSARMD4xNtwy09M90QpkMYZrB2DyGnyNYjKtRSOu8ydakB6Q6uAKCuNoooUEYX1CMsiyrJElSfMabEeZzi3pWRml/Iiqfqfh/xGYIb8uVBXx6ihrT0pPiVpFS0MUhL0a3QjPn+7umRAq9E60D4hPT/tgJYqt5FBBC31Mjavemz+nrEnEihhJ5M6DknisWvr2dUOcWM7FPgIFK+M/hxJkVSfKO5phIRUnLUuhSFuUH/kRPqQL9ejyyV/3sP/Qev+QJ8K6Yr9I+nb2lAQasroBxIaGCKcH5lqr6ncLbrK2lTOnshtWHdR6IbHu1Sgo82CO0PGnSUgjokdp/TneMpADwgajVMQJvCxoO6xPQfwMBEQCRlYpEvEjBWJlBc+uRA6x0THzfRuBUhKi4S1t+hMaDw9ZNum0WoPWpOkw1dToq2oNtbXG6rrGhl5tnUFrePDAAeb279frJdnw4CExf5AbVidqDXRov7TtqQ+f2r6+qPOD5F5Nam/qy5oNjc1v2JrfmN7+vO55U/s6y7MmHpgrS20NTCpMSU0qb41ITfDbGNbcUVRe3pHSHDb8maVcXgpI7beUyz4BACA4mNi9ij7WrtuBg4d38fQ5idXY0gRrUZC0r/8Q65aXHY6a44rFEmmxeJ0tDVJvqN7e27DPL3hFR587ceJccHDowYOh2/hl2y875MVFpzONx5RfzRERWRERfjvT2KFs3ri0MSCgg7L5Ba+8vN2//75769aUr79O6eCFjhd2MCexmpwuvTn/TeD16zFRtqSkJFtUjMPhsBsvX75stDvc7n9jYtzufxWFyPk567179+7cueNedrvdWK1W8/LxnTt3nlX0+rPuAKvVvRB4+nRBXmldXV1RdoHT6axYc/To0TUVzqWlywUFS0uXzWay5uesd+7cubm8vHR1cXGRkJAQr6u/vvvuu4fNXl6HF4NCQhYXQMA9prIhU1hAq6fjhiLLl6Xm0wXvfalceCYu/JP7H/9/WhmRX98VRdKeVGd4gfLc/Y//dygjuzXX6ZGlEdp4+zCbOzgRj2FkCN1volmtujVCOhmWZs+FHxJLOQns4nuSMIsPSaZH5JEGP2EjLXUcJA+C+JTMJDEX4c1qBhIIgZE2p+qtShu9MuZXikVPwQoblVIRB96UNjtewBgRj0IY2An4nP5soET06L8zCT1QwTCDtDNEBgO000k/2cwwwRjtZDDMAM54YiUuBuktO4udzq5JBimChd30MEEtrpzzmdHOwMrOJhf9Bn/oBCNsJU7qGqeTMTZ0hAnGsZmf6WUAG8OM0U0cpeRQRCXDTDIG2kUl7SzYnkjsOHpqcDGGfMswQ6gkYsPOBhLYRg/HExJe8pTsjIfPdgCS+yV8jNmFixlczgT3xiWdFqsyml4in206WWRQyrZf11dnYv3YF6oxLpW7sqnAxWRynbZ2rGl5ayTaTsLHkek4GaYDt1bEKsi022Cj/bPY5uviQeKIJAaVaXrXTlQ6Mj7bMrUXtErOzDonuITnQbZDVS1EK1Xfu3JXrOwkAQcAAAA=) format('woff2');
    unicode-range: U+20BD;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro 600';
    src: url(data:font/woff2;base64,d09GMgABAAAAAAW0ABQAAAAACogAAAVGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGUYbHhw0P0hWQVJPP01WQVJGBmA/U1RBVIEqJyoAPC9kEQgKgUCBPAsIADCCOgE2AiQDDAQgBYZ8ByAbIAnIBB7+a86/bybhTBSpBTnpYBaC1IO4J7isCoeuvvtKXFYVU8o3mvrH//+1Vlcs7qQNhYdZSFYL3PnIm4f5n0XcEp6hZPGkniAUOJ1K6IUldrULwr+XlhADAShfTkKDJiunqAq/ztmxAfy6x1z9+A20TwzhhwfKSIGEEeX3i8VKDVKv0zU8Njw49DBSTwABCHydgubrypUVDD6EE0hoPDMrhGV/PwL8gdU4tiyk50YIknNtodd3hZLfIyKz7GX9bCGsKw2K0upKrSARMD4xNtwy09M90QpkMYZrB2DyGnyNYjKtRSOu8ydakB6Q6uAKCuNoooUEYX1CMsiyrJElSfMabEeZzi3pWRml/Iiqfqfh/xGYIb8uVBXx6ihrT0pPiVpFS0MUhL0a3QjPn+7umRAq9E60D4hPT/tgJYqt5FBBC31Mjavemz+nrEnEihhJ5M6DknisWvr2dUOcWM7FPgIFK+M/hxJkVSfKO5phIRUnLUuhSFuUH/kRPqQL9ejyyV/3sP/Qev+QJ8K6Yr9I+nb2lAQasroBxIaGCKcH5lqr6ncLbrK2lTOnshtWHdR6IbHu1Sgo82CO0PGnSUgjokdp/TneMpADwgajVMQJvCxoO6xPQfwMBEQCRlYpEvEjBWJlBc+uRA6x0THzfRuBUhKi4S1t+hMaDw9ZNum0WoPWpOkw1dToq2oNtbXG6rrGhl5tnUFrePDAAeb279frJdnw4CExf5AbVidqDXRov7TtqQ+f2r6+qPOD5F5Nam/qy5oNjc1v2JrfmN7+vO55U/s6y7MmHpgrS20NTCpMSU0qb41ITfDbGNbcUVRe3pHSHDb8maVcXgpI7beUyz4BACA4mNi9ij7WrtuBg4d38fQ5idXY0gRrUZC0r/8Q65aXHY6a44rFEmmxeJ0tDVJvqN7e27DPL3hFR587ceJccHDowYOh2/hl2y875MVFpzONx5RfzRERWRERfjvT2KFs3ri0MSCgg7L5Ba+8vN2//75769aUr79O6eCFjhd2MCexmpwuvTn/TeD16zFRtqSkJFtUjMPhsBsvX75stDvc7n9jYtzufxWFyPk567179+7cueNedrvdWK1W8/LxnTt3nlX0+rPuAKvVvRB4+nRBXmldXV1RdoHT6axYc/To0TUVzqWlywUFS0uXzWay5uesd+7cubm8vHR1cXGRkJAQr6u/vvvuu4fNXl6HF4NCQhYXQMA9prIhU1hAq6fjhiLLl6Xm0wXvfalceCYu/JP7H/9/WhmRX98VRdKeVGd4gfLc/Y//dygjuzXX6ZGlEdp4+zCbOzgRj2FkCN1volmtujVCOhmWZs+FHxJLOQns4nuSMIsPSaZH5JEGP2EjLXUcJA+C+JTMJDEX4c1qBhIIgZE2p+qtShu9MuZXikVPwQoblVIRB96UNjtewBgRj0IY2An4nP5soET06L8zCT1QwTCDtDNEBgO000k/2cwwwRjtZDDMAM54YiUuBuktO4udzq5JBimChd30MEEtrpzzmdHOwMrOJhf9Bn/oBCNsJU7qGqeTMTZ0hAnGsZmf6WUAG8OM0U0cpeRQRCXDTDIG2kUl7SzYnkjsOHpqcDGGfMswQ6gkYsPOBhLYRg/HExJe8pTsjIfPdgCS+yV8jNmFixlczgT3xiWdFqsyml4in206WWRQyrZf11dnYv3YF6oxLpW7sqnAxWRynbZ2rGl5ayTaTsLHkek4GaYDt1bEKsi022Cj/bPY5uviQeKIJAaVaXrXTlQ6Mj7bMrUXtErOzDonuITnQbZDVS1EK1Xfu3JXrOwkAQcAAAA=) format('woff2');
    unicode-range: U+20BD;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro 700';
    src: url(data:font/woff2;base64,d09GMgABAAAAAAW0ABQAAAAACogAAAVGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGUYbHhw0P0hWQVJPP01WQVJGBmA/U1RBVIEqJyoAPC9kEQgKgUCBPAsIADCCOgE2AiQDDAQgBYZ8ByAbIAnIBB7+a86/bybhTBSpBTnpYBaC1IO4J7isCoeuvvtKXFYVU8o3mvrH//+1Vlcs7qQNhYdZSFYL3PnIm4f5n0XcEp6hZPGkniAUOJ1K6IUldrULwr+XlhADAShfTkKDJiunqAq/ztmxAfy6x1z9+A20TwzhhwfKSIGEEeX3i8VKDVKv0zU8Njw49DBSTwABCHydgubrypUVDD6EE0hoPDMrhGV/PwL8gdU4tiyk50YIknNtodd3hZLfIyKz7GX9bCGsKw2K0upKrSARMD4xNtwy09M90QpkMYZrB2DyGnyNYjKtRSOu8ydakB6Q6uAKCuNoooUEYX1CMsiyrJElSfMabEeZzi3pWRml/Iiqfqfh/xGYIb8uVBXx6ihrT0pPiVpFS0MUhL0a3QjPn+7umRAq9E60D4hPT/tgJYqt5FBBC31Mjavemz+nrEnEihhJ5M6DknisWvr2dUOcWM7FPgIFK+M/hxJkVSfKO5phIRUnLUuhSFuUH/kRPqQL9ejyyV/3sP/Qev+QJ8K6Yr9I+nb2lAQasroBxIaGCKcH5lqr6ncLbrK2lTOnshtWHdR6IbHu1Sgo82CO0PGnSUgjokdp/TneMpADwgajVMQJvCxoO6xPQfwMBEQCRlYpEvEjBWJlBc+uRA6x0THzfRuBUhKi4S1t+hMaDw9ZNum0WoPWpOkw1dToq2oNtbXG6rrGhl5tnUFrePDAAeb279frJdnw4CExf5AbVidqDXRov7TtqQ+f2r6+qPOD5F5Nam/qy5oNjc1v2JrfmN7+vO55U/s6y7MmHpgrS20NTCpMSU0qb41ITfDbGNbcUVRe3pHSHDb8maVcXgpI7beUyz4BACA4mNi9ij7WrtuBg4d38fQ5idXY0gRrUZC0r/8Q65aXHY6a44rFEmmxeJ0tDVJvqN7e27DPL3hFR587ceJccHDowYOh2/hl2y875MVFpzONx5RfzRERWRERfjvT2KFs3ri0MSCgg7L5Ba+8vN2//75769aUr79O6eCFjhd2MCexmpwuvTn/TeD16zFRtqSkJFtUjMPhsBsvX75stDvc7n9jYtzufxWFyPk567179+7cueNedrvdWK1W8/LxnTt3nlX0+rPuAKvVvRB4+nRBXmldXV1RdoHT6axYc/To0TUVzqWlywUFS0uXzWay5uesd+7cubm8vHR1cXGRkJAQr6u/vvvuu4fNXl6HF4NCQhYXQMA9prIhU1hAq6fjhiLLl6Xm0wXvfalceCYu/JP7H/9/WhmRX98VRdKeVGd4gfLc/Y//dygjuzXX6ZGlEdp4+zCbOzgRj2FkCN1volmtujVCOhmWZs+FHxJLOQns4nuSMIsPSaZH5JEGP2EjLXUcJA+C+JTMJDEX4c1qBhIIgZE2p+qtShu9MuZXikVPwQoblVIRB96UNjtewBgRj0IY2An4nP5soET06L8zCT1QwTCDtDNEBgO000k/2cwwwRjtZDDMAM54YiUuBuktO4udzq5JBimChd30MEEtrpzzmdHOwMrOJhf9Bn/oBCNsJU7qGqeTMTZ0hAnGsZmf6WUAG8OM0U0cpeRQRCXDTDIG2kUl7SzYnkjsOHpqcDGGfMswQ6gkYsPOBhLYRg/HExJe8pTsjIfPdgCS+yV8jNmFixlczgT3xiWdFqsyml4in206WWRQyrZf11dnYv3YF6oxLpW7sqnAxWRynbZ2rGl5ayTaTsLHkek4GaYDt1bEKsi022Cj/bPY5uviQeKIJAaVaXrXTlQ6Mj7bMrUXtErOzDonuITnQbZDVS1EK1Xfu3JXrOwkAQcAAAA=) format('woff2');
    unicode-range: U+20BD;
    font-weight: 700;
    font-display: swap;
}
/*end ir-rub*/

/*start ir-hero*/
.ir-hero-actions {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 24px 48px;
    margin-bottom: 96px;
}

.ir-hero-actions--after {
    margin-top: 48px;
    margin-bottom: 0;
}

.ir-hero-actions--flush {
    margin-bottom: 0;
}

@media (max-width:1366px) {
    .ir-hero-actions {
        margin-bottom: calc(72px + (96 - 72) * ((100vw - 768px) / (1366 - 768)));
    }

    .ir-hero-actions--after,
    .ir-hero-actions--flush {
        margin-bottom: 0;
    }
}

@media (max-width:768px) {
    .ir-hero-actions {
        margin-bottom: calc(56px + (72 - 56) * ((100vw - 375px) / (768 - 375)));
    }

    .ir-hero-actions--after,
    .ir-hero-actions--flush {
        margin-bottom: 0;
    }
}
/*end ir-hero*/

/*start ir-focus — видимый фокус для клавиатурных элементов (reset.css глушит outline)*/
.ir-tabs__item:focus-visible,
.reporting-block__item-top:focus-visible,
.navigation-tabs__item:focus-visible {
    outline: 2px solid #252525;
    outline-offset: 2px;
}
/*end ir-focus*/

/*start ir-tabs — контентные табы (визуал .navigation-tabs, но с переключением панелей)*/
.ir-tabs {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 64px;
}

.ir-tabs::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #E4E4E4;
}

.ir-tabs__item {
    padding: 20px 32px;
    font-family: 'Myriad Pro 400', sans-serif;
    font-size: 22px;
    line-height: 1.3;
    color: #6A6A6A;
    cursor: pointer;
    border-bottom: 2px solid #E4E4E4;
    position: relative;
    z-index: 1;
    transition: 0.3s;
    white-space: nowrap;
}

.ir-tabs__item:hover {
    color: #252525;
}

.ir-tabs__item.active {
    font-family: 'Myriad Pro 600', sans-serif;
    color: #252525;
    border-bottom-color: #F5DD07;
}

.ir-tabpanel {
    display: none;
}

.ir-tabpanel.active {
    display: block;
}

@media (max-width:768px) {
    .ir-tabs {
        margin-bottom: calc(40px + (64 - 40) * ((100vw - 375px) / (768 - 375)));
    }

    .ir-tabs__item {
        padding: 14px 20px;
        font-size: calc(18px + (22 - 18) * ((100vw - 375px) / (768 - 375)));
    }
}

@media (max-width:520px) {
    .ir-tabs__item {
        flex: 1 1 auto;
        text-align: center;
        padding: 14px 12px;
    }
}
/*end ir-tabs*/

/*start ir-kpi — значения с единицами в плашках KPI (по умолчанию квадрат 96x96 под 1-2 цифры)*/
#metrics .four-card__number {
    display: inline-flex;
    width: auto;
    min-width: 96px;
    padding: 0 28px;
    white-space: nowrap;
}
/*end ir-kpi*/

/*start ir-bonds*/
.ir-bonds-intro {
    max-width: 1175px;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 64px;
}

.ir-bonds-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
}

.ir-bond-card {
    border-radius: 1px;
    border: 1px solid #E4E4E4;
    background-color: #FFF;
    padding: 48px 36px;
    color: #252525;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
}

.ir-bond-card:hover {
    border-color: #F5DD07;
}

.ir-bond-card__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    grid-gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.ir-bond-card__isin {
    font-size: 18px;
    color: #6A6A6A;
    margin-bottom: 36px;
}

.ir-badge {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 6px;
    border: 1px solid #F5DD07;
    font-family: 'Myriad Pro 400', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #252525;
    white-space: nowrap;
}

/* вариант бейджа для погашенных выпусков (пригодится при первом погашении) */
.ir-badge--muted {
    border-color: #E4E4E4;
    color: #6A6A6A;
}

.ir-bond-card__params {
    flex: 1;
}

.ir-bond-param {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    grid-gap: 24px;
    padding: 18px 0;
    border-top: 1px solid #F2F2F2;
}

.ir-bond-param:last-child {
    border-bottom: 1px solid #F2F2F2;
}

.ir-bond-param__label {
    font-size: 18px;
    color: #6A6A6A;
}

.ir-bond-param__value {
    font-family: 'Myriad Pro 600', sans-serif;
    font-size: 22px;
    text-align: right;
}

@media (max-width:1200px) {
    .ir-bonds-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width:1366px) {
    .ir-bonds-intro {
        font-size: calc(20px + (24 - 20) * ((100vw - 768px) / (1366 - 768)));
        margin-bottom: calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768)));
    }
}

@media (max-width:768px) {
    .ir-bonds-intro {
        font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375)));
        margin-bottom: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
    }

    .ir-bond-card {
        padding: calc(24px + (48 - 24) * ((100vw - 375px) / (768 - 375))) calc(20px + (36 - 20) * ((100vw - 375px) / (768 - 375)));
    }

    .ir-bond-param__value {
        font-size: calc(18px + (22 - 18) * ((100vw - 375px) / (768 - 375)));
    }
}
/*end ir-bonds*/

/*start ir-empty — пустое состояние таба*/
.ir-empty {
    border: 1px solid #E4E4E4;
    border-radius: 1px;
    background-color: #F2F2F2;
    padding: 88px 36px;
    text-align: center;
}

.ir-empty__title {
    font-family: 'Myriad Pro 600', sans-serif;
    font-size: 28px;
    margin-bottom: 12px;
}

.ir-empty__text {
    font-size: 20px;
    color: #6A6A6A;
}

@media (max-width:768px) {
    .ir-empty {
        padding: calc(48px + (88 - 48) * ((100vw - 375px) / (768 - 375))) calc(20px + (36 - 20) * ((100vw - 375px) / (768 - 375)));
    }

    .ir-empty__title {
        font-size: calc(22px + (28 - 22) * ((100vw - 375px) / (768 - 375)));
    }

    .ir-empty__text {
        font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (768 - 375)));
    }
}
/*end ir-empty*/

/*start ir-table — div-таблицы (операционные показатели, календарь)*/
.ir-table-wrap {
    overflow-x: auto;
}

.ir-table {
    min-width: 700px;
}

.ir-table__row {
    display: grid;
    grid-template-columns: 2.2fr repeat(4, 1fr);
    grid-gap: 24px;
    align-items: baseline;
    padding: 28px 0;
    border-top: 1px solid #F2F2F2;
}

.ir-table__row:last-child {
    border-bottom: 1px solid #F2F2F2;
}

.ir-table__row--head {
    border-top: none;
    padding-bottom: 20px;
}

.ir-table__row--head .ir-table__cell {
    font-family: 'Myriad Pro 400', sans-serif;
    font-size: 18px;
    color: #6A6A6A;
}

.ir-table__cell {
    font-size: 22px;
}

.ir-table__cell:not(:first-child) {
    text-align: right;
}

.ir-table__cell--accent {
    font-family: 'Myriad Pro 600', sans-serif;
}

.ir-table--calendar {
    min-width: 680px;
}

.ir-table--calendar .ir-table__row {
    grid-template-columns: 1fr 2.1fr 1.5fr;
}

.ir-table--calendar .ir-table__cell:not(:first-child) {
    text-align: left;
}

.ir-table--calendar .ir-table__cell:last-child {
    text-align: right;
    color: #6A6A6A;
    font-size: 18px;
}

@media (max-width:768px) {
    .ir-table__cell {
        font-size: calc(18px + (22 - 18) * ((100vw - 375px) / (768 - 375)));
    }
}
/*end ir-table*/

/*start ir-note — подписи-источники под графиками и таблицами*/
.ir-note {
    font-size: 18px;
    line-height: 140%;
    color: #6A6A6A;
    max-width: 1175px;
    margin-top: 32px;
}
/*end ir-note*/

/*start ir-grapf — высоты столбцов графиков страницы «Инвесторам».
  Классы собственные (ir-h-*), т.к. существующие height_* в newstyle.css
  рассчитаны под масштаб графика на /about-company/company-history/.
  График 1: выручка (r) — max 46,6 млрд = 100%; поставки (s) — max 890 тыс. т = 100%.*/
.ir-h-r14 { height: 0.3%; } /* расчётно 0,21%; 0,3% — минимум для видимости столбца */
.ir-h-r15 { height: 1.3%; }
.ir-h-r16 { height: 3.6%; }
.ir-h-r17 { height: 7.3%; }
.ir-h-r18 { height: 18.7%; }
.ir-h-r19 { height: 31.8%; }
.ir-h-r20 { height: 22.7%; }
.ir-h-r21 { height: 21.9%; }
.ir-h-r22 { height: 17.8%; }
.ir-h-r23 { height: 22.3%; }
.ir-h-r24 { height: 46.1%; }
.ir-h-r25 { height: 100%; }

.ir-h-s14 { height: 0.4%; }
.ir-h-s15 { height: 4%; }
.ir-h-s16 { height: 4.4%; }
.ir-h-s17 { height: 8.6%; }
.ir-h-s18 { height: 21.7%; }
.ir-h-s19 { height: 31.6%; }
.ir-h-s20 { height: 26.7%; }
.ir-h-s21 { height: 33.9%; }
.ir-h-s22 { height: 27.2%; }
.ir-h-s23 { height: 36%; }
.ir-h-s24 { height: 58.4%; }
.ir-h-s25 { height: 100%; }

/* График погашений (m): max 6,76 млрд = 100% */
.ir-h-m27 { height: 14.8%; }
.ir-h-m29 { height: 37%; }
.ir-h-m30 { height: 100%; }
.ir-h-zero { height: 3px; }
/*end ir-grapf*/

/*start ir-contacts*/
.ir-contacts-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    grid-gap: 88px;
    align-items: start;
}

.ir-contact-row {
    padding: 28px 0;
    border-top: 1px solid #F2F2F2;
}

.ir-contact-row:last-child {
    border-bottom: 1px solid #F2F2F2;
}

.ir-contact-row__label {
    font-size: 18px;
    color: #6A6A6A;
    margin-bottom: 8px;
}

.ir-contact-row__value {
    font-family: 'Myriad Pro 600', sans-serif;
    font-size: 28px;
    line-height: 1.3;
}

.ir-contact-row__value a {
    transition: 0.3s;
}

.ir-contact-row__value a:hover {
    color: #E7D00A;
}

/* форма IR: компактная сетка внутри правой колонки */
.ir-contacts-grid .contacts__form {
    position: relative;
}

.ir-contacts-grid .contacts__inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-gap: 48px;
    margin-bottom: 48px;
}

/* сброс grid-областей формы /contacts/ (textarea_item прибит ко 2-й колонке в style.css) */
.ir-contacts-grid .contacts__item.textarea_item {
    grid-row: auto;
    grid-column: auto;
}

.contacts__form .success__wrap {
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

.contacts__form.success .success__wrap {
    visibility: visible;
    animation: opacitySuccess 3s forwards;
}

/* согласие в узкой колонке: сброс фиксированной ширины 450px из style.css;
   цвет #6A6A6A вместо унаследованного #A6A6A6 (2,4:1) — контраст AA */
.ir-contacts-grid .contacts__top {
    display: block;
}

.ir-contacts-grid .contacts__text {
    width: 100%;
    color: #6A6A6A;
}

.ir-contacts-grid .contacts__approval {
    width: auto;
    color: #6A6A6A;
}

/* WCAG-правка только этой страницы: неактивные якорные табы шаблона #A6A6A6 (2,4:1) -> AA;
   при интеграции решить: перенести в шаблон или убрать для полного визуального паритета */
.navigation-tabs__item {
    color: #6A6A6A;
}

@media (max-width:1200px) {
    .ir-contacts-grid {
        grid-template-columns: 1fr;
        grid-gap: 64px;
    }
}

@media (max-width:768px) {
    .ir-contact-row__value {
        font-size: calc(22px + (28 - 22) * ((100vw - 375px) / (768 - 375)));
    }
}
/* счётчики #about: на узких экранах тексты длиннее оригинала сайта — убираем ручные переносы
   (при <=700px style.css сам переводит .row-items__item в display:block) */
@media (max-width:530px) {
    #about .row-items__item p br {
        display: none;
    }
}
/*end ir-contacts*/

/*start ir-file-pending — документ-плейсхолдер до получения файла от клиента*/
.download-files.ir-file-pending {
    pointer-events: none;
}

.download-files.ir-file-pending .download-files__box-title {
    color: #6A6A6A;
}

.download-files.ir-file-pending .download-files__image {
    opacity: 0.35;
}
/*end ir-file-pending*/
/*start ir-grapf-containers — развязка с newjs.js (new Swiper(".grapf") инициализирует ВСЕ совпадения)*/
/* декой для newjs.js: скрыт классом — grapf.destroy() снимает inline-стили,
   а кастомные классы переживают destroy */
.ir-grapf-decoy {
    display: none !important;
}

/* оба графика без класса grapf (newjs.js не должен их инициализировать);
   контейнерные правила скопированы из newstyle.css («график») */
.ir-grapf-main,
.ir-grapf-redemptions {
    position: relative;
    width: 100%;
    height: 860px;
    padding: 0 392px;
    margin-bottom: 103px;
    margin-top: 64px;
}

@media (max-width: 2500px) {
    .ir-grapf-main,
    .ir-grapf-redemptions {
        padding: 0 calc(70px + (392 - 70) * ((100vw - 1920px) / (2500 - 1920)));
    }
}

@media (max-width: 1920px) {
    .ir-grapf-main,
    .ir-grapf-redemptions {
        padding: 0 calc(48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366)));
    }
}

@media (max-width: 1366px) {
    .ir-grapf-main,
    .ir-grapf-redemptions {
        padding: 0 calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
    }
}

@media (max-width: 768px) {
    .ir-grapf-main,
    .ir-grapf-redemptions {
        padding: 0 calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
    }
}

.ir-grapf-main .swiper-slide,
.ir-grapf-redemptions .swiper-slide {
    width: fit-content !important;
    display: flex;
    align-items: flex-end;
    margin-right: 36px;
}

/* последний год фиксируется ровно по правой границе области */
.ir-grapf-main .swiper-slide:last-child,
.ir-grapf-redemptions .swiper-slide:last-child {
    margin-right: 0;
}

.ir-grapf-main .slider-global__bottom,
.ir-grapf-redemptions .slider-global__bottom {
    margin-top: 120px;
}

.ir-grapf-redemptions .slider-global__bottom {
    display: none;
}

@media (max-width: 1700px) {
    .ir-grapf-redemptions .slider-global__bottom {
        display: flex;
    }
}

/* одиночный столбец по центру ячейки года (в графике 1 ячейку заполняют две колонки) */
.ir-grapf-redemptions .grapf__columns {
    justify-content: center;
}

/* компактная высота графиков: 860px оригинала тяжело читается; столбцы заданы
   в процентах — пересчёт не нужен; кэп на сверхшироких */
.ir-grapf-main,
.ir-grapf-main .grapf__column {
    height: calc(500px + (620 - 500) * ((100vw - 375px) / (1920 - 375)));
}

/* погашения — одна серия из 5 столбцов, ей достаточно меньшей высоты */
.ir-grapf-redemptions,
.ir-grapf-redemptions .grapf__column {
    height: calc(360px + (420 - 360) * ((100vw - 375px) / (1920 - 375)));
}

@media (min-width:1920px) {
    .ir-grapf-main,
    .ir-grapf-main .grapf__column {
        height: 620px;
    }

    .ir-grapf-redemptions,
    .ir-grapf-redemptions .grapf__column {
        height: 420px;
    }
}

/* график выручки/поставок: 12 лет статично не помещаются даже на >=1700px —
   слайдер на всех ширинах ведёт единый инстанс investors.js */
.ir-grapf-main .slider-global__bottom {
    display: flex;
}

/* контролы слайдера выступают за низ контейнера — зазор до легенды/подписи;
   у погашений контролы видны, только когда слайдер разлочен (узкие экраны) */
.ir-grapf-main {
    margin-bottom: 300px;
}

@media (max-width:900px) {
    .ir-grapf-redemptions {
        margin-bottom: 280px;
    }
}

/* когда все слайды помещаются, Swiper лочится — скрываем стрелки
   (style.css перебивает .swiper-button-lock из swiper-bundle) */
.ir-grapf-main .slider-global__arrow.swiper-button-lock,
.ir-grapf-redemptions .slider-global__arrow.swiper-button-lock {
    display: none;
}

/* шаблонный .section-grapf несёт margin-bottom ~190px — при двух графиках
   на странице это создаёт огромные дыры между секциями */
.ir-section-grapf {
    margin-bottom: 0;
}
/*end ir-grapf-containers*/