/* Start:/local/templates/adaptive/css/base.css?17594331884772*/
:root {

    --font-family: 'Arial';

    --color-light: #FDFDFD;

    --color-2: #FFC75B;
    --color-yellow: #FFC75B;

    --color-green: #16788B;
    --color-green-light: #7ACEDE;
    --color-green-dark: #0E5F6F;

    --color-blue-dark: #0146B9;
    --color-white: #FFFFFF;
    --color-black: #000000;

    --color-4: #062227;
    --color-5: #F2F2F2;
    --color-6: #777777;

    --font-xl-size: 52px;
    --font-l-size: 32px;
    --font-m-size: 24px;
    --font-s-size: 20px;
    --font-xs-size: 16px;

    --font-plain-size: 16px;
    --title-font-size: 40px;

    --margin-xl: 100px;
    --margin-l: 75px;
    --margin-m: 50px;
    --margin-s: 37px;
    --margin-xs: 25px;
}

@media (max-width: 768px) {
    :root {

        --font-xl-size: 24px;
        --font-l-size: 20px;
        --font-m-size: 16px;
        --font-s-size: 14px;
        --font-xs-size: 12px;

        --font-plain-size: 14px;
        --title-font-size: 28px;

        --margin-xl: 50px;
        --margin-m: 25px;
        --margin-xs: 15px;
    }
}

body {
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
}

.font-xl {
    font-size: var(--font-xl-size) !important;
    font-weight: 700;
}

.font-l {
    font-size: var(--font-l-size) !important;
    font-weight: 700;
}

.font-m {
    font-size: var(--font-m-size) !important;
}


.font-s {
    font-size: var(--font-s-size) !important;
}

.font-xs {
    font-size: var(--font-xs-size) !important;
}

.font-plain {
    font-size: var(--font-plain-size) !important;
}

.font-title {
    font-size: var(--title-font-size) !important;
}


.color-green-dark {
    color: var(--color-green-dark);
}

.color-yellow {
    color: var(--color-yellow);
}

.color-white {
    color: var(--color-white);
}

.color-1 {
    color: var(--color-light) !important;
}

.color-2 {
    color: var(--color-yellow) !important;
}

.color-3 {
    color: var(--color-green) !important;
}
.color-green{
    color: var(--color-green);
}

.color-4 {
    color: var(--color-4) !important;
}

.color-5 {
    color: var(--color-5) !important;
}

.color-6 {
    color: var(--color-6) !important;
}

.bg-1 {
    background-color: var(--color-light) !important;
}

.bg-2 {
    background-color: var(--color-yellow) !important;
}

.bg-3 {
    background-color: var(--color-green) !important;
}

.bg-4 {
    background-color: var(--color-4) !important;
}

.bg-5 {
    background-color: var(--color-5) !important;
}

.brd-2 {
    border-color: var(--color-yellow);
}

.color-black {
    color: var(--color-black);
}

.block-relative {
    position: relative;
    z-index: 0;
}

.block-section {
    padding: var(--margin-xl) 0;
}

.block-paragraph {
    margin-top: var(--margin-xs);
    margin-bottom: var(--margin-xs);
    padding: 0 0;
}

.buttons {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.button-m {
    border-radius: 10px;
    padding: 14px 30px;
    font-style: normal;
    font-weight: 500;
    font-size: var(--font-s-size);
    text-transform: uppercase;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    outline: none !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.navs {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: var(--margin-xl);
    gap: var(--margin-xs);
}

.nav-m {
    outline: none !important;
    text-decoration: none !important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-s-size);
    text-transform: uppercase;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    cursor: pointer;
    flex: 0 0 auto;
}

.mrg-top-xl, .mrg-y-xl {
    margin-top: var(--margin-xl);
}

.mrg-top-l, .mrg-y-l {
    margin-top: var(--margin-l);
}

.mrg-top-m, .mrg-y-m {
    margin-top: var(--margin-m);
}

.mrg-top-xs, .mrg-y-xs {
    margin-top: var(--margin-xs);
}

.mrg-btn-xl, .mrg-y-xl {
    margin-bottom: var(--margin-xl);
}

.mrg-btn-l, .mrg-y-l {
    margin-bottom: var(--margin-l);
}

.mrg-btn-m, .mrg-y-m {
    margin-bottom: var(--margin-m);
}

.mrg-btn-xs, .mrg-y-xs {
    margin-bottom: var(--margin-xs);
}

.block-video {
    width: 100%;
    max-height: 540px;
}

.block-video__wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
}

.block-video__wrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}



/* End */


/* Start:/projects/rating-po-itogam-2025/assets/rating.content.css?17905212415069*/
:root {
    --color-bg: #ffffff;
    --color-text: #2c2c2c;
    --color-text-light: #666666;
    --color-accent: #16788B; /* Оранжево-терракотовый акцент */
    --color-border: #e0e0e0;
    --color-table-header-bg: #ebfaf9;
    --color-table-row-hover: #ebfaf9;
}

/* Базовые стили */
body {
}

.article-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Типографика */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: var(--color-green-dark);
    margin-top: 4em;
    margin-bottom: 0.7em;
    line-height: 1.3;
}


h1 {
    font-size: 2.4em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: 700;
}

h2.rating_h2 {
    font-size: 1.9em;
    padding-top: 2.2em;
    padding-bottom: 0.3em;
    border-bottom: 2px solid var(--color-border);
}


h3.rating_h3 {
    font-size: 1.5em;
    margin-top: 1.8em;
    color: var(--color-text);
}

h3.rating_h3.rating {
    font-size: 40px;
    margin-top: 1.8em;
    margin-bottom: 1.8em;
    text-align: center;
    color: var(--color-green-dark);
}

@media (max-width: 1024px) {
    h3.rating_h3.rating {
        font-size: 25px;
        margin-top: 1em;
        margin-bottom: 1em;
    }
}


h4.rating_h4  {
    font-size: 1.2em;
    margin-top: 1.5em;
    font-weight: 700;
}

p {
    margin-bottom: 1.2em;
    text-align: left;
}

a {
    color: var(--color-accent);
    text-decoration: none;
    transition: opacity 0.2s;
}

a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

strong, b {
    font-weight: 600;
}

/* Стили для таблиц — минималистичные */
.table-wrapper {
    overflow-x: auto;
    margin: 30px 0;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
    background-color: #fff;
    border-top: 1px solid var(--color-border);
    border-left: 1px solid var(--color-border);
}

th, td {
    padding: 14px 12px;
    text-align: left;
    border-bottom: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    vertical-align: top;
}

th {
    /*background-color: var(--color-table-header-bg);*/
    /*color: var(--color-text);*/
    background-color: var(--color-accent);
    color: #ffffff;
    font-weight: 600;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /*white-space: nowrap;*/
    border-top: 1px solid var(--color-border);
    text-align: center;
}
a.aot-link{
    cursor: pointer;
    outline: none !important;
    color: var(--color-accent) !important;
}
tr{
    background-color: var(--color-table-row-hover);
}

.table-caption {
    font-size: 0.85em;
    color: var(--color-text-light);
    text-align: left;
    margin-top: 8px;
    font-style: italic;
}

/* Специальные блоки */
.quote-block {
    background-color: #ebfaf9;
    border-left: 3px solid var(--color-accent);
    padding: 20px 25px;
    margin: 30px 0;
    font-style: italic;
    color: #444;
    font-size: 1.05em;
}

.quote-block p:last-child {
    margin-bottom: 0;
}

.highlight-box {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 20px;
    margin: 25px 0;
    border: 1px solid var(--color-border);
}

.data-source {
    font-size: 0.8em;
    color: var(--color-text-light);
    text-align: left;
    margin-top: 8px;
    font-style: italic;
}

.trend-list {
    list-style: none;
    padding-left: 0;
}
.trend-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
}
.trend-list li::before {
    content: "—";
    color: var(--color-accent);
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* Блок "Содержание" */
.toc {
    /*background-color: #f9f9f9;*/
    /*border: 1px solid var(--color-border);*/
    /*border-left: 3px solid var(--color-accent);*/
    border-radius: 4px;
    padding: 24px 30px;
    margin: 35px 0 45px 0;
}

.toc__title {
    font-size: 1.3em;
    font-weight: 700;
    margin: 0 0 18px 0;
    color: var(--color-text);
    letter-spacing: 0.5px;
}

.toc__list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    columns: 1;
}
.toc__list-3 {
    list-style: circle;
}
.toc__list-4 {
    list-style: disc;
}

.toc__item {
    margin-bottom: 8px;
}

.toc__item-l2 > a{
    font-weight: 600;
    padding-top: 20px;
    font-size: 1.4em;
    color: var(--color-accent) !important;
    text-transform: uppercase;
}

.toc__item-l3 > a{
    /*padding-left: 20px;*/
    font-size: 1.2em;
    list-style: circle;
    color: var(--color-green) !important;
}

.toc__item-l4 > a{
    /*padding-left: 40px;*/
    font-size: 1em;
    color: var(--color-black) !important;
    list-style: disc;
}

.toc__link {
}

.toc__link:hover {
}

/* Адаптивность */
@media (max-width: 768px) {

}
/* End */


/* Start:/projects/rating-po-itogam-2025/assets/rating.header.css?17901971722253*/
.rating-header {
    background: url(/img/design/top5/2023-03-20/bg1.jpg) no-repeat center;
    background-size: cover;
}

@media (max-width: 768px) {
    .rating-header {
        margin-top: calc(2.5rem + 60px);
    }
}

.rating-header__wrapper {
    padding: var(--margin-block) 15px;
}

@media (max-width: 768px) {
    .rating-header__wrapper {
        padding: 50px 15px;
    }
}

.rating-header__text-middle {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 41px;
    letter-spacing: 0.02em;
}

.rating-header__text-big {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 75px;
    letter-spacing: 0.02em;
}

@media (max-width: 768px) {
    .rating-header__text-big {
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: normal;
    }

    .rating-header__text-middle {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
    }
}

.rating-header__logo-top100 {
    top: 0;
    right: 0;
    position: absolute;
    width: 200px;
}

@media (max-width: 768px) {
    .rating-header__logo-top100 {
        display: none;
    }
}

.rating-header__buttons {
    display: flex;
    justify-content: left;
    gap: 30px;
    flex-wrap: wrap;
}

.rating-header__button {
    border-radius: 10px;
    padding: 14px 30px;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    outline: none !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {

    .rating-header__buttons {
    }

    .rating-header__button {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }
}

.rating-header__button_white {
    border-color: var(--color-white);
    color: var(--color-white) !important;
}

.rating-header__button_white:hover {
    background-color: var(--color-green-light) !important;
}

/* End */
/* /local/templates/adaptive/css/base.css?17594331884772 */
/* /projects/rating-po-itogam-2025/assets/rating.content.css?17905212415069 */
/* /projects/rating-po-itogam-2025/assets/rating.header.css?17901971722253 */