@charset "UTF-8";
/*
    methodology.css
    Видимый HTML-текст на methodology.html (режим v-html).
    Типографика и сетка строк — по образцу academia.html.
    Подключается ПОСЛЕ template.css и common.css.
*/

html:has(#methodology-heading) body {
    overflow-x: hidden;
}

html body > .content.page-methodology.v-html .zone-image-2 {
    top: 7.3015873016rem;
    left: 2.5396825397rem;
    width: 76.1904761905rem;
    height: calc(93.5069444444% - 7.3015873016rem);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    font-size: 1rem;
    line-height: 1.206349rem;
    white-space: normal;
    box-sizing: border-box;
    color: #777777;
    text-align: justify;
}

html body > .content.page-methodology.v-html .zone-image-2 .title,
html body > .content.page-methodology.v-html .zone-image-2 p,
html body > .content.page-methodology.v-html .zone-image-2 h2,
html body > .content.page-methodology.v-html .zone-image-2 .methodology-line {
    white-space: normal;
    overflow-wrap: break-word;
}

html body > .content.page-methodology.v-html .zone-image-2 .title {
    text-align: center;
}

html body > .content.page-methodology.v-html .zone-image-2 h2.title {
    font-size: 1.1587rem;
    padding-top: 0.57rem;
    margin: 0.8888888889rem 0;
    line-height: normal;
}

html body > .content.page-methodology.v-html .zone-image-2 .methodology-main {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Сетка строк: фиксированная высота 76px (1.206349rem) */
html body > .content.page-methodology.v-html .zone-image-2 .methodology-line:not(.methodology-line-end) {
    display: block;
    width: 100%;
    height: 1.206349rem;
    overflow: hidden;
    line-height: 1.206349rem;
    margin: 0;
    padding: 0;
    word-spacing: normal;
    white-space: normal;
    text-align: justify;
    text-align-last: justify;
}

html body > .content.page-methodology.v-html .zone-image-2 .methodology-line.methodology-line-gap {
    margin-top: 1rem;
}

html body > .content.page-methodology.v-html .zone-image-2 .methodology-line.methodology-line-end {
    display: block;
    width: 100%;
    height: 1.206349rem;
    overflow: hidden;
    line-height: 1.206349rem;
    margin: 0;
    padding: 0;
    text-align: left;
    text-align-last: left;
}

html body > .content.page-methodology.v-html .zone-image-2 .methodology-line.methodology-line20 {
    height: auto;
    overflow: visible;
}

html body > .content.page-methodology.v-html .zone-image-2 .methodology-line:not(.methodology-line-end)::after {
    content: '';
    display: inline-block;
    width: 100%;
}

html body > .content.page-methodology.v-html .zone-image-2 .methodology-line * {
    line-height: 1.206349rem;
}

html[data-theme="dark"] body > .content.page-methodology.v-html .zone-image-2 .color-gray,
html[data-theme="dark"] body > .content.page-methodology.v-html .zone-image-2 .color-gray .methodology-line {
    color: #7e7e7e;
}

html[data-theme="dark"] body > .content.page-methodology.v-html .zone-image-2 .title.color-gold {
    color: #f2ce88;
}

@supports (-webkit-appearance: none) {
    html body > .content.page-methodology.v-html .zone-image-2,
    html body > .content.page-methodology.v-html .zone-image-2 .methodology-line,
    html body > .content.page-methodology.v-html .zone-image-2 .methodology-line * {
        line-height: 1.206349rem;
        -webkit-font-smoothing: antialiased;
    }
}
