@charset "UTF-8";
/*
    news.css — типографика v-html (по образцу academia.html) + раскладка
    полосы семинара (бывший news-stripe-layout.css, объединён сюда).
    Подключается ПОСЛЕ template.css и common.css.
    Inter больше не используется (полоса переведена на Verdana Bold,
    системный шрифт, не требует загрузки с Google Fonts).
*/


/* ===== Полоса семинара — буквально та же структура и классы, что и
   у полосы "Вариант 2 (копия, размещена ПЕРВОЙ на странице)" на
   тестовой странице stripe-test.html, один в один (news-stripe-scroll /
   news-stripe-text-left / news-stripe-text-right / news-stripe-arrow
   отдельным элементом) — только позиция (top/left/width) своя, под
   news.html. ===== */

html body > .content.page-news.v-html a.zone-image-3.news-seminar-stripe {
    /* Подобрано так, чтобы верх полосы попадал РОВНО на целый физический
       пиксель и в портрете (768 CSS px → 108px), и в ландшафте
       (1024 CSS px → 144px) — раньше (11.4126984127rem) получалось
       107.85px / 143.80px, дробный пиксель на обеих ориентациях,
       из-за чего рамка на границе рендерилась нестабильно. Визуальный
       сдвиг самой полосы — меньше 1px при базовом масштабе 5120,
       незаметен. */
    top: 11.4285714286rem;
    left: 3.125%;
    width: 93.75%;
    height: 2.5396825397rem;
    z-index: 2;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html body > .content.page-news .news-stripe-scroll {
    width: 100%;
    max-width: 100%;
    border-radius: 0.4285714286rem;
    overflow: hidden;
    height: 2.5396825397rem;
    display: flex;
    align-items: center;
    background-color: #f7f7f5;
    border: 0.0476190476rem solid #e4e4e2;
    box-sizing: border-box;
    /* Белая обводка букв и стрелки — тот же приём, что и на index.html:
       множество мелких белых text-shadow вокруг контура символа вместо
       -webkit-text-stroke (работает во всех браузерах, включая Firefox). */
    --current-text-stroke:
        0.023810rem 0.000000rem 0.03rem #fff,
        0.023448rem 0.004135rem 0.03rem #fff,
        0.022374rem 0.008143rem 0.03rem #fff,
        0.020619rem 0.011905rem 0.03rem #fff,
        0.018239rem 0.015305rem 0.03rem #fff,
        0.015305rem 0.018239rem 0.03rem #fff,
        0.011905rem 0.020619rem 0.03rem #fff,
        0.008143rem 0.022374rem 0.03rem #fff,
        0.004135rem 0.023448rem 0.03rem #fff,
        0.000000rem 0.023810rem 0.03rem #fff,
        -0.004135rem 0.023448rem 0.03rem #fff,
        -0.008143rem 0.022374rem 0.03rem #fff,
        -0.011905rem 0.020619rem 0.03rem #fff,
        -0.015305rem 0.018239rem 0.03rem #fff,
        -0.018239rem 0.015305rem 0.03rem #fff,
        -0.020619rem 0.011905rem 0.03rem #fff,
        -0.022374rem 0.008143rem 0.03rem #fff,
        -0.023448rem 0.004135rem 0.03rem #fff,
        -0.023810rem 0.000000rem 0.03rem #fff,
        -0.023448rem -0.004135rem 0.03rem #fff,
        -0.022374rem -0.008143rem 0.03rem #fff,
        -0.020619rem -0.011905rem 0.03rem #fff,
        -0.018239rem -0.015305rem 0.03rem #fff,
        -0.015305rem -0.018239rem 0.03rem #fff,
        -0.011905rem -0.020619rem 0.03rem #fff,
        -0.008143rem -0.022374rem 0.03rem #fff,
        -0.004135rem -0.023448rem 0.03rem #fff,
        -0.000000rem -0.023810rem 0.03rem #fff,
        0.004135rem -0.023448rem 0.03rem #fff,
        0.008143rem -0.022374rem 0.03rem #fff,
        0.011905rem -0.020619rem 0.03rem #fff,
        0.015305rem -0.018239rem 0.03rem #fff,
        0.018239rem -0.015305rem 0.03rem #fff,
        0.020619rem -0.011905rem 0.03rem #fff,
        0.022374rem -0.008143rem 0.03rem #fff,
        0.023448rem -0.004135rem 0.03rem #fff,
        0.047619rem 0.000000rem 0.03rem #fff,
        0.046895rem 0.008269rem 0.03rem #fff,
        0.044748rem 0.016286rem 0.03rem #fff,
        0.041239rem 0.023810rem 0.03rem #fff,
        0.036478rem 0.030609rem 0.03rem #fff,
        0.030609rem 0.036478rem 0.03rem #fff,
        0.023810rem 0.041239rem 0.03rem #fff,
        0.016286rem 0.044748rem 0.03rem #fff,
        0.008269rem 0.046895rem 0.03rem #fff,
        0.000000rem 0.047619rem 0.03rem #fff,
        -0.008269rem 0.046895rem 0.03rem #fff,
        -0.016286rem 0.044748rem 0.03rem #fff,
        -0.023810rem 0.041239rem 0.03rem #fff,
        -0.030609rem 0.036478rem 0.03rem #fff,
        -0.036478rem 0.030609rem 0.03rem #fff,
        -0.041239rem 0.023810rem 0.03rem #fff,
        -0.044748rem 0.016286rem 0.03rem #fff,
        -0.046895rem 0.008269rem 0.03rem #fff,
        -0.047619rem 0.000000rem 0.03rem #fff,
        -0.046895rem -0.008269rem 0.03rem #fff,
        -0.044748rem -0.016286rem 0.03rem #fff,
        -0.041239rem -0.023810rem 0.03rem #fff,
        -0.036478rem -0.030609rem 0.03rem #fff,
        -0.030609rem -0.036478rem 0.03rem #fff,
        -0.023810rem -0.041239rem 0.03rem #fff,
        -0.016286rem -0.044748rem 0.03rem #fff,
        -0.008269rem -0.046895rem 0.03rem #fff,
        -0.000000rem -0.047619rem 0.03rem #fff,
        0.008269rem -0.046895rem 0.03rem #fff,
        0.016286rem -0.044748rem 0.03rem #fff,
        0.023810rem -0.041239rem 0.03rem #fff,
        0.030609rem -0.036478rem 0.03rem #fff,
        0.036478rem -0.030609rem 0.03rem #fff,
        0.041239rem -0.023810rem 0.03rem #fff,
        0.044748rem -0.016286rem 0.03rem #fff,
        0.046895rem -0.008269rem 0.03rem #fff,
        0.071429rem 0.000000rem 0.03rem #fff,
        0.070344rem 0.012403rem 0.03rem #fff,
        0.067121rem 0.024430rem 0.03rem #fff,
        0.061859rem 0.035715rem 0.03rem #fff,
        0.054718rem 0.045914rem 0.03rem #fff,
        0.045914rem 0.054718rem 0.03rem #fff,
        0.035715rem 0.061859rem 0.03rem #fff,
        0.024430rem 0.067121rem 0.03rem #fff,
        0.012403rem 0.070344rem 0.03rem #fff,
        0.000000rem 0.071429rem 0.03rem #fff,
        -0.012403rem 0.070344rem 0.03rem #fff,
        -0.024430rem 0.067121rem 0.03rem #fff,
        -0.035715rem 0.061859rem 0.03rem #fff,
        -0.045914rem 0.054718rem 0.03rem #fff,
        -0.054718rem 0.045914rem 0.03rem #fff,
        -0.061859rem 0.035715rem 0.03rem #fff,
        -0.067121rem 0.024430rem 0.03rem #fff,
        -0.070344rem 0.012403rem 0.03rem #fff,
        -0.071429rem 0.000000rem 0.03rem #fff,
        -0.070344rem -0.012403rem 0.03rem #fff,
        -0.067121rem -0.024430rem 0.03rem #fff,
        -0.061859rem -0.035715rem 0.03rem #fff,
        -0.054718rem -0.045914rem 0.03rem #fff,
        -0.045914rem -0.054718rem 0.03rem #fff,
        -0.035715rem -0.061859rem 0.03rem #fff,
        -0.024430rem -0.067121rem 0.03rem #fff,
        -0.012403rem -0.070344rem 0.03rem #fff,
        -0.000000rem -0.071429rem 0.03rem #fff,
        0.012403rem -0.070344rem 0.03rem #fff,
        0.024430rem -0.067121rem 0.03rem #fff,
        0.035715rem -0.061859rem 0.03rem #fff,
        0.045914rem -0.054718rem 0.03rem #fff,
        0.054718rem -0.045914rem 0.03rem #fff,
        0.061859rem -0.035715rem 0.03rem #fff,
        0.067121rem -0.024430rem 0.03rem #fff,
        0.070344rem -0.012403rem 0.03rem #fff,
        0.095238rem 0.000000rem 0.03rem #fff,
        0.093791rem 0.016538rem 0.03rem #fff,
        0.089495rem 0.032573rem 0.03rem #fff,
        0.082478rem 0.047619rem 0.03rem #fff,
        0.072956rem 0.061218rem 0.03rem #fff,
        0.061218rem 0.072956rem 0.03rem #fff,
        0.047619rem 0.082478rem 0.03rem #fff,
        0.032573rem 0.089495rem 0.03rem #fff,
        0.016538rem 0.093791rem 0.03rem #fff,
        0.000000rem 0.095238rem 0.03rem #fff,
        -0.016538rem 0.093791rem 0.03rem #fff,
        -0.032573rem 0.089495rem 0.03rem #fff,
        -0.047619rem 0.082478rem 0.03rem #fff,
        -0.061218rem 0.072956rem 0.03rem #fff,
        -0.072956rem 0.061218rem 0.03rem #fff,
        -0.082478rem 0.047619rem 0.03rem #fff,
        -0.089495rem 0.032573rem 0.03rem #fff,
        -0.093791rem 0.016538rem 0.03rem #fff,
        -0.095238rem 0.000000rem 0.03rem #fff,
        -0.093791rem -0.016538rem 0.03rem #fff,
        -0.089495rem -0.032573rem 0.03rem #fff,
        -0.082478rem -0.047619rem 0.03rem #fff,
        -0.072956rem -0.061218rem 0.03rem #fff,
        -0.061218rem -0.072956rem 0.03rem #fff,
        -0.047619rem -0.082478rem 0.03rem #fff,
        -0.032573rem -0.089495rem 0.03rem #fff,
        -0.016538rem -0.093791rem 0.03rem #fff,
        -0.000000rem -0.095238rem 0.03rem #fff,
        0.016538rem -0.093791rem 0.03rem #fff,
        0.032573rem -0.089495rem 0.03rem #fff,
        0.047619rem -0.082478rem 0.03rem #fff,
        0.061218rem -0.072956rem 0.03rem #fff,
        0.072956rem -0.061218rem 0.03rem #fff,
        0.082478rem -0.047619rem 0.03rem #fff,
        0.089495rem -0.032573rem 0.03rem #fff,
        0.093791rem -0.016538rem 0.03rem #fff;
}
@media screen and (orientation: portrait) and (min-width: 768px) {
    html body > .content.page-news .news-stripe-scroll {
        border-width: 0.5px;
    }
}

html body > .content.page-news .news-stripe-text {
    margin: 0;
    width: 100%;
    height: 2.4444444444rem;
    padding: 0 0.85rem;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-size: 1.4841269841rem;
    letter-spacing: -0.02em; /* чуть плотнее — буквы ближе друг к другу */
    word-spacing: 0.02em; /* компенсирует letter-spacing именно для пробелов — сами пробелы остаются обычной ширины, сжимаются только буквы */
    color: #171717;
    text-shadow: var(--current-text-stroke);
    /* text-shadow (144 копии) на слабом GPU/при мелком масштабе рисует
       обводку грубыми "квадратами" — многие мелкие сдвиги округляются
       в один и тот же физический пиксель. Добавляем ещё и настоящий
       векторный -webkit-text-stroke — он гладкий при любом масштабе,
       не зависит от округления пикселей. В Safari будет виден именно
       он; в Firefox (где -webkit-text-stroke не поддерживается)
       останется text-shadow. Наследуется на все вложенные span
       (text-left, text-right, arrow). */
    -webkit-text-stroke: 0;
}
html body > .content.page-news .news-stripe-text-left {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    padding-left: calc(0.25rem + 0.4492%);
    margin-left: -0.25rem;
    margin-right: 0.85rem;
}
html body > .content.page-news .news-stripe-text-right {
    flex: 0 0 auto;
    position: relative;
    text-align: right;
    white-space: pre;
    padding-right: 1.2em;
}
html body > .content.page-news .news-stripe-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* пробелы вокруг тире 22-23 — как на seminars (.current-hyphen) */
html body > .content.page-news .news-stripe-text .current-hyphen {
    padding-left: 0.125em;
    padding-right: 0.125em;
}

html[data-theme="dark"] body > .content.page-news .news-stripe-scroll {
    background-color: #2e2e2e;
    border-color: #5d5d5d;
}
html[data-theme="dark"] body > .content.page-news .news-stripe-text {
    color: #fff;
    text-shadow: none;
}

/* ===== Остальная типографика news.html ===== */

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

html body > .content.page-news .zone-metro-2 {
    left: 10.0203125%;
    top: 38.32%;
    width: 52.2%;
    height: 2.7%;
}

html body > .content.page-news .zone-tel-1 {
    left: 10.2390625%;
    top: 46.22%;
    width: 33.2%;
    height: 2.7%;
}

html body > .content.page-news .zone-review-2019-1,
html body > .content.page-news .zone-review-2019-2 {
    top: 52.8888888889%;
}

html body > .content.page-news .zone-review-2014-11-m {
    left: 66.6953125%;
    top: 57.9305555556%;
}

html body > .content.page-news .zone-review-2013-1-m {
    left: 69.0%;
    top: 78.0055555556%;
}

/* A1: заголовок «НОВОСТИ и СОБЫТИЯ» — отдельный блок, как h2.title на academia/methodology/training */
html body > .content.page-news.v-html .zone-image-2.news-page-title {
    top: 7.3015873016rem;
    left: 2.5396825397rem;
    width: 76.1904761905rem;
    height: auto;
    min-height: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    z-index: 2;
    line-height: normal;
    text-align: center;
    box-sizing: border-box;
}

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

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

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

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

/* A3: расписание — сетка строк как на academia.html */
html body > .content.page-news.v-html .zone-image-4.news-schedule {
    display: block;
    white-space: normal;
    overflow-wrap: break-word;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    font-size: 1rem;
    line-height: 1.206349rem;
    text-align: left;
    left: 3.125%;
    width: 93.75%;
    top: 35.347222222222222222%;
    height: calc(93.5069444444% - 35.347222222222222222%);
    padding-top: 0;
    color: #333;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

html body > .content.page-news.v-html .zone-image-4 .news-main,
html body > .content.page-news.v-html .zone-image-4 .news-line {
    white-space: normal;
    overflow-wrap: break-word;
}

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

html body > .content.page-news.v-html .zone-image-4 .news-line {
    display: block;
    width: 100%;
    height: 1.206349rem;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.206349rem;
    white-space: nowrap;
    text-align: left;
    box-sizing: border-box;
}

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

html body > .content.page-news.v-html .zone-image-4 .news-line.news-line1 {
    margin-top: 0.15873rem;
}

html body > .content.page-news.v-html .zone-image-4 .news-line.news-line3 {
    margin-top: 1.206349rem;
}

/* Архив: компенсирует сдвиг верхних четырёх строк на 10px при макете 5120 */
html body > .content.page-news.v-html .zone-image-4 .news-line.news-line5.news-line-gap {
    margin-top: 1.9682543333rem;
}

html body > .content.page-news.v-html .zone-image-4 .news-line.news-line13 {
    height: auto;
    overflow: visible;
}

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

html body > .content.page-news.v-html .zone-image-4 .news-ul {
    text-decoration: underline;
    text-decoration-color: #bfbfbf;
    text-decoration-thickness: 0.095238rem;
    text-underline-offset: 0.063492rem;
}

html body > .content.page-news.v-html .zone-image-4 .news-ul-no-underline {
    text-decoration: none;
}

html body > .content.page-news.v-html .zone-image-4 .news-link {
    color: #777777;
    text-decoration: underline;
    text-decoration-color: #bfbfbf;
    text-decoration-thickness: 0.095238rem;
    text-underline-offset: 0.063492rem;
}

html body > .content.page-news.v-html .zone-image-4 .news-link strong {
    font-weight: bold;
}

html body > .content.page-news.v-html .zone-image-4 .color-gray {
    font-weight: normal;
}

html body > .content.page-news.v-html .zone-image-4 strong.color-gray {
    color: #777;
    font-weight: bold;
}

html body > .content.page-news.v-html .zone-image-4 .news-line.news-line1 strong .color-gray {
    color: #777;
    font-weight: bold;
}

html body > .content.page-news.v-html .zone-image-4 .news-line.news-line2 strong .color-gray {
    color: #777;
    font-weight: bold;
}

html body > .content.page-news.v-html .zone-image-4 .news-line.news-line4 strong .color-gray {
    color: #777;
    font-weight: bold;
}

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

html[data-theme="dark"] body > .content.page-news.v-html .zone-image-4 strong.color-gray {
    color: #7e7e7e;
    font-weight: bold;
}

html[data-theme="dark"] body > .content.page-news.v-html .zone-image-4 .news-line.news-line1 strong .color-gray {
    color: #7e7e7e;
    font-weight: bold;
}

html[data-theme="dark"] body > .content.page-news.v-html .zone-image-4 .news-line.news-line2 strong .color-gray {
    color: #7e7e7e;
    font-weight: bold;
}

html[data-theme="dark"] body > .content.page-news.v-html .zone-image-4 .news-line.news-line4 strong .color-gray {
    color: #7e7e7e;
    font-weight: bold;
}

html[data-theme="dark"] body > .content.page-news.v-html .zone-image-4 .news-ul,
html[data-theme="dark"] body > .content.page-news.v-html .zone-image-4 .news-link {
    text-decoration-color: #999;
}

html[data-theme="dark"] body > .content.page-news.v-html .zone-image-4.news-schedule,
html[data-theme="dark"] body > .content.page-news.v-html .zone-image-4 .news-line {
    color: #ccc;
}

html[data-theme="dark"] body > .content.page-news.v-html .zone-image-4 .news-link {
    color: #777777;
}

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

/* Левая кнопка (семинар): та же высота/размер, что у «АДРЕС ЗАНЯТИЙ» справа */
html body > .content.page-news .zone-image-6-l,
html body > .content.page-news .zone-image-6-0-l {
    /* left: 160px */
    left: 3.125%;
    /* top: 2693px — как zone-image-6 справа */
    top: 93.506944444444444444%;
    /* width: 1142px */
    width: 22.3046875%;
    /* height: 138–189px */
    height: 4.79166636%;
}