/* Статьи в ветке SOLO (design-system.md §12). Подключается ПОСЛЕ /assets/solo/solo.css.
   Токены — только из solo.css, своих цветов и шрифтов здесь нет. Курсива нет (§8).
   Прежний тёмный стиль статей — /articles/article.css (не подключается, оставлен для истории). */

/* ---------- первый экран статьи: тёмный, заголовок + дата ---------- */
.a-hero{padding:clamp(40px,7vw,84px) 0 clamp(44px,7vw,80px);overflow:hidden}
.a-hero>.wrap{position:relative;z-index:1}
.a-hero .read{text-align:left}
.crumbs{display:flex;flex-wrap:wrap;gap:.35em .5em;font-size:var(--fs-small);line-height:1.5;color:var(--on-dark-mute);margin-bottom:clamp(22px,3.4vw,34px)}
.crumbs a{color:var(--on-dark-soft);border-bottom:1px solid var(--dark-line);transition:color .16s,border-color .16s}
.crumbs a:hover{color:var(--orange);border-color:var(--orange)}
.crumbs .sep{color:var(--on-dark-mute)}
.crumbs [aria-current]{color:var(--on-dark-soft)}
.a-h1{font-size:clamp(1.7rem,4.4vw,2.6rem);line-height:1.1;margin-top:.55rem;text-wrap:balance}
.a-meta{margin-top:clamp(16px,2.4vw,22px);font-size:var(--fs-small);line-height:1.6;color:var(--on-dark-mute)}
.a-meta a{color:var(--on-dark-soft);border-bottom:1px solid var(--dark-line)}
.a-meta a:hover{color:var(--orange);border-color:var(--orange)}
.a-lead-in{margin-top:clamp(14px,2vw,18px);font-size:clamp(1rem,1.1vw,1.08rem);line-height:1.6;color:var(--on-dark-soft);max-width:60ch}

/* ---------- колонка чтения ---------- */
.a-body{padding-block:clamp(44px,7vw,84px)}
.a-body .read{font-size:var(--fs-read);line-height:var(--lh-read);color:var(--ink)}
.a-body .read>*+*{margin-top:1.05em}
.a-body p{color:var(--ink)}
.a-body .lead{font-size:clamp(1.08rem,1.4vw,1.2rem);line-height:1.6;color:var(--ink)}
.a-body h2{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;font-size:clamp(1.35rem,2.8vw,1.8rem);line-height:1.15;
  margin-top:clamp(2em,5vw,2.6em);text-wrap:balance}
.a-body h3{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.25;
  margin-top:1.7em;color:var(--ink)}
.a-body h2+*,.a-body h3+*{margin-top:.7em}
.a-body strong,.a-body b{font-weight:700;color:var(--ink)}
.a-body a{color:var(--orange-text);font-weight:600;border-bottom:1px solid rgba(184,69,38,.35);transition:border-color .16s}
.a-body a:hover{border-color:var(--orange-text)}
.a-body ul,.a-body ol{padding-left:0;list-style:none;display:grid;gap:.55em}
.a-body ol{counter-reset:li}
.a-body ul>li,.a-body ol>li{position:relative;padding-left:1.4em}
.a-body ul>li::before{content:"";position:absolute;left:.15em;top:.68em;width:.42em;height:.42em;border-radius:50%;background:var(--orange)}
.a-body ol>li{counter-increment:li}
.a-body ol>li::before{content:counter(li) ".";position:absolute;left:0;top:0;font-weight:700;color:var(--orange-text)}
.a-body blockquote{margin-block:1.5em;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--orange);
  font-size:clamp(1.1rem,1.6vw,1.25rem);line-height:1.5;font-weight:600;color:var(--ink)}
.a-body .scheme{background:var(--paper);border:1px solid var(--cream-line);border-radius:var(--r-md);box-shadow:var(--shadow-card);
  padding:clamp(18px,2.4vw,24px) clamp(18px,2.6vw,26px);font-weight:600;line-height:1.6}
.a-body table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.a-body th,.a-body td{text-align:left;padding:.6em .7em;border-bottom:1px solid var(--cream-line);vertical-align:top}
.a-body th{font-weight:700}
.a-body img{border-radius:var(--r-lg)}
.a-body .src{margin-top:clamp(2em,5vw,2.8em);padding-top:1.2em;border-top:1px solid var(--cream-line);font-size:var(--fs-small);line-height:1.6;color:var(--ink-mute)}
.a-body .src strong{color:var(--ink-soft)}
.a-back{margin-top:clamp(1.6em,4vw,2.2em)}
.a-back a{font-size:.95rem}

/* ---------- финал статьи: одна главная кнопка + одна слабая ---------- */
.a-final .read{text-align:center}
.a-final .prose{margin-top:1em}
.a-final-cta{margin-top:clamp(22px,3vw,30px);display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
@media(max-width:620px){.a-final-cta .btn{width:100%}}

/* ---------- список статей ---------- */
.a-group+.a-group{margin-top:clamp(48px,7vw,76px)}
.a-group .sec-head{margin-bottom:clamp(20px,3vw,30px)}
.a-group .h-sec{font-size:clamp(1.35rem,2.8vw,1.9rem)}
a.card{color:inherit}
.card-go{margin-top:auto;padding-top:.9em;display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap}
.card-go .arr{font-weight:700;color:var(--orange-text);transition:transform .16s}
a.card:hover .arr{transform:translateX(3px)}
.card--soon{background:transparent;box-shadow:none;border-style:dashed}
.card--soon:hover{border-color:var(--cream-line);transform:none}
.card--soon h3,.card--soon p{color:var(--ink-mute)}
.card--soon .tag{color:var(--ink-mute);background:var(--cream-2)}

/* site-ui.js подключён ради уведомления о cookies (152-ФЗ); кнопка «Наверх» не нужна — как на главной */
.ui-top{display:none!important}