body {
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0;
    padding: 0;

}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    src: url("./fonts/NotoSans-VariableFont_wdth,wght.ttf") format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-style: italic;
    src: url("./fonts/NotoSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}

@font-face {
    font-family: "Noto Serif";
    font-style: normal;
    src: url("./fonts/NotoSerif-VariableFont_wdth,wght.ttf") format("truetype");
}

@font-face {
    font-family: "Noto Serif";
    font-style: italic;
    src: url("./fonts/NotoSerif-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}

* {
    position: relative;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
    color: inherit;
}

/*СТИЛИ ДЛЯ ГЛАВНОЙ */

.wrapper {
    width: 100%;
    max-width: 1280px;
    padding: 0 24px;
    margin: 0 auto;
}

.header_wrapper {
    background-color: #eb1700;
    padding: 80px 0;
}

.header_wrapper h1 {
    color: #ffffff;
    font-size: 64px;
    line-height: 4.25rem;
    margin: 0;
}

h1 {
    font-size: clamp(48px, 7vw, 80px);
    font-weight: 400;
    color: #eb1700;
    font-family: "Noto Serif", "Lucida Bright", Georgia, TimesNewRoman, "Times New Roman", Times, Baskerville, serif, system-ui, -apple-system, Segoe UI, roboto, Helvetica Neue, Noto Sans, Liberation Sans, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

ul.links {
    padding-left: 0;
    list-style-position: inside;
}

ul.links li {
    margin-bottom: 16px;
}

ul.links a {
    text-decoration: underline;
    color: #eb1700;
}

.content_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 64px 0;
    row-gap: 40px;
}

.content_grid .content_grid--block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.content_grid .content_grid--block-title {
    font-size: 28px;
    margin: 10px 0;
    font-family: "Noto Serif", "Lucida Bright", Georgia, TimesNewRoman, "Times New Roman", Times, Baskerville, serif, system-ui, -apple-system, Segoe UI, roboto, Helvetica Neue, Noto Sans, Liberation Sans, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.content_grid .content_grid--block:hover {
    color: #eb1700!important;
}

.content_grid--block-more {
    font-size: 16px;
    color: #eb1700;
    display: block;
    width: fit-content;
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #ffffff;
}

.content_grid--block-more:after {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2352_12)"><path d="M14 7.98481L7.7143 2L6.85716 2.75949L10.9842 7.22532H2V8.7443H10.9842L6.88894 13.2101L7.7143 14L14 7.98481Z" fill="%23EB1700"/></g><defs><clipPath id="clip0_2352_12"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
    display: block;
    position: absolute;
    right: -20px;
    top: 2px;
    transition: right 0.3s ease;
}

.content_grid .content_grid--block:hover .content_grid--block-more:after {
    right: -30px;
}

.related__article:hover .content_grid--block-more:after {
    right: -30px;
}

.content_grid .content_grid--block:hover .content_grid--block-more, .related__article:hover .content_grid--block-more {
    border-bottom: 1px solid #eb1700;
}

.highlighted {
    background: #eb1700;
    color: #ffffff;
}

.featured {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 40px 0;
}

.featured .featured__left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
}

.featured .featured__left h3 {
    margin: 0;
    font-size: clamp(30px, 3vw, 48px);
    font-weight: 400;
    font-family: "Noto Serif", "Lucida Bright", Georgia, TimesNewRoman, "Times New Roman", Times, Baskerville, serif, system-ui, -apple-system, Segoe UI, roboto, Helvetica Neue, Noto Sans, Liberation Sans, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

}

.featured .featured__left p {
    margin: 0;
    margin-top: 10px;
}

.more-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    background: #ffffff;
    color: #eb1700;
    border-radius: 30px;
    text-decoration: none;
    font-size: 16px;
    font-family: sans-serif;
    padding: 19px 20px;
    overflow: hidden;
    transition: width 0.3s ease;
    width: 20px;
    margin-top: 10px;
    box-sizing: content-box;
}

.more-link .text {
    margin-right: 8px;
    white-space: nowrap;
    width: 0;
    transition: width 1s ease;
    opacity: 0;
}

.more-link .arrow {
    transition: transform 0.3s ease;
}

.more-link:hover {
    width: 140px;
    justify-content: space-between;
}

.more-link:hover .text {
    opacity: 1;
    width: auto;
}

.more-link:hover .arrow {
    transform: translateX(4px);
}

.related {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin: 40px 0;
}

.related .related__article {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid #ffffff;
}

.related .related__article:hover {
    color: #eb1700;
}

.related .related__article h4 {
    font-size: 28px;
    font-weight: 400;
    font-family: "Noto Serif", "Lucida Bright", Georgia, TimesNewRoman, "Times New Roman", Times, Baskerville, serif, system-ui, -apple-system, Segoe UI, roboto, Helvetica Neue, Noto Sans, Liberation Sans, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

@media (max-width: 1280px) {
    .content_grid .content_grid--block-title, .related .related__article h4  {
        font-size: 24px;
    }
    .featured .featured__left h3 {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .content_grid {
        grid-template-columns: 1fr;
    }

    .featured {
        grid-template-columns: 1fr;
    }

    .featured__left {
        order: 2;
    }

    .featured__right {
        order: 1;
    }

    .related {
        grid-template-columns: 1fr;
        margin: 20px 0;
    }

    .related .related__article h4 {
        margin-bottom: 10px;
    }

    .featured .featured__left h3 {
        font-size: 30px;
        margin-top: 14px;
    }

    .more-link {
        padding: 14px;
    }
}

/* СТИЛИ ДЛЯ СТРАНИЦ-ТАБЛИЦ */

.top-panel {
    background-color: #eb1700;
}

.dropbtn {
    color: white;
    padding: 16px;
    border: none;
    cursor: pointer;
    background: none;
    font-size: 24px;
}

.dropbtn:after {
    content: "";
    width: 20px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
    z-index: 99999;
    background: #eb1700 url(img/down-icon.png) no-repeat 90% 50%;
    text-indent: -99999px;
    border: none;
    outline: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
    border: 1px solid #000;
    background-color: #ffffff;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 22px;
}

.dropdown-content a:hover {
    background-color: #eb1700;
    color: #ffffff;
}

.show {
    display: block;
}

a.metodology {
    background: transparent url(img/arrow-meth.png) no-repeat scroll right center;
    clear: both;
    color: #4d4f53;
    font-family: "jd-reg", Arial, Helvetica, sans-serif;
    font-size: 24px;
    padding-right: 30px;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 40px;
    display: inline-block;
    margin-top: 40px;
}

.table_wrapper {
    overflow-x: auto;
}

.info-table {
    font-size: 12px;
    border-collapse: collapse;
    margin: 40px 0;
    width: 100%;
}

.info-table td, .info-table th {
    padding: 10px;
}

.info-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.info-table > tbody > tr > td {
    color: #4D5053;
}

.info-table tbody tr:hover {
    background-color: #dfdfdf;
}

.hco-table thead tr:first-child td {
    text-align: center;
    border: 1px solid #000000;
}

.hco-table thead tr th {
    border-bottom: 1px solid #000000;
}

.hco-table thead tr th:nth-child(5), .hco-table tbody tr td:nth-child(5) {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

.hco-table thead tr th:nth-child(8), .hco-table tbody tr td:nth-child(8) {
    border-right: 1px solid #000000;
}

.hco-table tbody tr td:nth-child(n+4) {
    text-align: center;
}

.hcp-table thead {
    border-bottom: 1px solid #000000;
}

.hcp-table thead td {
    text-align: center;
}

.hcp-table thead th {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.hcp-table thead tr td:nth-child(n+2) {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.hcp-table thead tr td:nth-child(2), .hcp-table thead tr th:nth-child(3) {
    border-right: 1px solid #000000;
}

.hcp-table thead tr td:nth-child(2), .hcp-table thead tr th:nth-child(2) {
    border-left: 1px solid #000000;
}

.hcp-table tbody tr td:nth-child(2), .hcp-table tbody tr td:nth-child(4) {
    border-left: 1px solid #000000;
}

.hcp-table tbody tr td:nth-child(n+2) {
    text-align: center;
}

.hco-ag-table thead td:nth-child(n+2) {
    border: 1px solid #000000;
}

.hco-ag-table thead {
    border-bottom: 1px solid #000000;
}

.hco-ag-table thead td, .hco-ag-table tbody td:nth-child(n+2) {
    text-align: center;
}

.hco-ag-table thead th {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.hco-ag-table thead th:nth-child(2), .hco-ag-table tbody td:nth-child(2) {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

.hco-ag-table thead th:nth-child(5),
.hco-ag-table tbody td:nth-child(5) {
    border-right: 1px solid #000000;
}

.pos-table thead th {
    text-align: left;
}

.pos-table thead th:nth-last-child(-n+3), .pos-table tbody td:nth-last-child(-n+3) {
    text-align: center;
}

.pos-table thead {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.pos-table thead th:not(:first-child):not(:last-child), .pos-table tbody td:not(:first-child):not(:last-child) {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}


.pagination {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    padding: 0 20px;
    margin: 40px 0;
}

.pagination span {
    font-size: 18px;
}

.pagination a {
    border: 1px solid #ececec;
    border-radius: 25px;
    color: #4e5054;
    font-size: 16px;
    padding: 5px 22px;
    display: inline-block;
    cursor: pointer;
}

.pagination button:disabled {
    opacity: 0.5;
    cursor: default;
}

.main p, .main ul {
    font: normal 16px / 1.4 "jt-reg", Arial, Helvetica, sans-serif;
    color: #4D5053;
    line-height: 1.3;
}

.main a {
    text-decoration: underline;
    color: rgb(13, 110, 253);
}

.main .form {
    max-width: 860px;
    margin: 0 auto;
    margin-top: 36px;
}

.main .form .head-label {
    color: #292B2D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}

.main .form .body-value {
    background: #F7F7F9;
    color: #4D4F53;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 20px 10px;
    display: block;
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #E6E7E9;
}

.go-home {
    height: 50px;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    padding: 10px;
}