/* Article — редакционный материал */

.article-head{padding-bottom:var(--sp-5)}
.article-head__inner{max-width:840px}
.article-head h1{max-width:22ch}
.article-head .lead{max-width:60ch;color:var(--lgf-blue-dark)}

.byline{
  display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);align-items:center;
  margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:var(--border);
  font-size:var(--fs-small);color:var(--lgf-muted)
}
.byline__item{display:inline-flex;align-items:center;gap:10px}
.byline__item + .byline__item::before{
  content:'';width:3px;height:3px;background:var(--lgf-rule);flex:none
}

.article-media{margin-bottom:var(--sp-6)}
/* Линия подписи идёт во всю ширину кадра — обрезанная по мере текста
   читается как случайный штрих. */
.article-media figcaption{padding-top:var(--sp-2)}

/* Текст в колонке читаемой ширины, справа — врезка с участниками. */
.article-body{display:grid;gap:var(--sp-6);padding-bottom:var(--sp-7)}
/* Без врезки колонка одна: иначе всё, что идёт после текста (кнопки «поделиться»),
   уезжает во вторую колонку и висит сбоку. */
.article-body--single{grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){
  .article-body{grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,5vw,88px);align-items:start}
  .article-body--single{grid-template-columns:minmax(0,1fr)}
  .article-aside{position:sticky;top:calc(var(--header-h) + var(--sp-3))}
}
.article-body .prose{max-width:68ch}
.article-body .prose h2{
  font-size:var(--fs-h3);text-transform:none;letter-spacing:0;
  color:var(--lgf-blue-dark);font-weight:600
}
.article-body .pullquote{max-width:34ch;margin-block:var(--sp-6)}

.article-aside{display:grid;gap:var(--sp-3);align-content:start}
.article-aside__box{background:var(--lgf-tint);padding:var(--sp-3)}

.mini-person{display:flex;align-items:center;gap:var(--sp-2);padding:10px 0;color:var(--lgf-blue-dark)}
.mini-person + .mini-person{border-top:var(--border)}
.mini-person__photo{flex:none;width:52px;height:64px;overflow:hidden;background:var(--lgf-white)}
.mini-person__photo img{width:100%;height:100%;object-fit:cover}
.mini-person__body{min-width:0}
.mini-person__name{
  display:block;font-size:var(--fs-small);font-weight:500;line-height:1.3;
  transition:color var(--dur) var(--ease)
}
.mini-person:hover .mini-person__name{color:var(--lgf-blue)}
.mini-person__role{display:block;margin-top:2px;font-size:var(--fs-caption);color:var(--lgf-muted);letter-spacing:0;text-transform:none}

.article-foot{
  display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;align-items:center;
  padding-block:var(--sp-4);border-top:var(--border);margin-bottom:var(--sp-7)
}