/* Компоненты контента статей блога SelSup. Обновлено 24.08.2026.
   Только новые классы. Оформление blockquote берётся из blog-v2.css темы,
   здесь остаётся лишь строка атрибуции. Селекторы хронологии усилены,
   чтобы перебить маркеры списков темы. */

.ss-quote__cite,.ss-quote cite{display:block;margin-top:12px;font-size:14px;font-style:normal;color:#5A6480}

.ss-key{margin:32px 0;padding:22px 26px;background:#1A1F40;border-radius:12px}
.ss-key__label{display:block;margin-bottom:8px;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#11B7D8}
.ss-key p{margin:0;font-size:18px;line-height:1.5;color:#fff}

.ss-warn{margin:28px 0;padding:18px 22px;border-left:3px solid #F6A800;background:#FFF8EC;border-radius:0 10px 10px 0}
.ss-warn p{margin:0;font-size:17px;line-height:1.5;color:#1A1F40}

.ss-facts{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0}
.ss-fact{flex:1 1 180px;padding:18px 20px;background:#F4F8FC;border-radius:12px}
.ss-fact__num{display:block;font-size:28px;font-weight:700;line-height:1.1;color:#11B7D8}
.ss-fact__cap{display:block;margin-top:8px;font-size:15px;line-height:1.4;color:#1A1F40}

.blog-article__content.article__text ul.ss-time,.ss-time{margin:32px 0;padding:0;list-style:none}
.blog-article__content.article__text ul.ss-time li,.ss-time li{position:relative;margin:0 0 18px;padding:0 0 0 26px;list-style:none}
.blog-article__content.article__text ul.ss-time li::before,.ss-time li::before{content:"";display:block;position:absolute;left:0;top:7px;width:10px;height:10px;margin:0;border-radius:50%;background:#11B7D8;font-size:0;line-height:0}
.blog-article__content.article__text ul.ss-time li::after,.ss-time li::after{content:"";position:absolute;left:4px;top:19px;bottom:-18px;width:2px;background:#DDE5F0;border-radius:0}
.blog-article__content.article__text ul.ss-time li:last-child::after,.ss-time li:last-child::after{display:none}
.ss-time__date{display:block;font-size:14px;font-weight:700;color:#5A6480}

@media(max-width:600px){
.ss-key p{font-size:16px}
.ss-fact{flex:1 1 100%}
}