/* welawart-article.css — специфика типа «Статья» (single Новости/Советы/Публикации).
 * Каркас + сплит — в welawart-rebuild.css (.rb-split, тёмная панель + печать/знак). Здесь — мета,
 * обложка и стили прозы тела статьи. Тело занимает всю колонку контента (читаемая ширина), а не
 * узкий под-столбец 354px — это длинный текст. overflow-wrap, чтобы длинные ссылки не рвали колонку. */

.art__meta{margin:0 0 20px;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#6a6764;}

.art__cover{margin:0 0 24px;border-radius:2px;overflow:hidden;}
.art__cover img{width:100%;display:block;}

.art__body{font-size:16px;line-height:1.6;color:var(--dark);overflow-wrap:anywhere;}
.art__body > :first-child{margin-top:0;}
.art__body p{margin:0 0 16px;}
.art__body h2{font-size:21px;line-height:1.2;font-weight:500;margin:28px 0 10px;}
.art__body h3{font-size:18px;line-height:1.25;font-weight:500;margin:22px 0 8px;}
.art__body ul,.art__body ol{margin:0 0 16px;padding-left:20px;}
.art__body li{margin:0 0 7px;}
.art__body a{color:var(--bordo);text-decoration:underline;}
.art__body strong{font-weight:500;}
.art__body blockquote{margin:20px 0;padding:4px 0 4px 18px;border-left:3px solid var(--bordo);color:#3a3838;font-style:italic;}
.art__body img{max-width:100%;height:auto;border-radius:2px;margin:8px 0;}
/* широкий контент из редактора (таблица/код) получает СВОЙ скролл, а не обрезается body{overflow-x:hidden} */
.art__body table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:0 0 16px;}
.art__body th,.art__body td{border:1px solid var(--line);padding:8px 10px;text-align:left;font-size:15px;vertical-align:top;}
.art__body pre{overflow-x:auto;max-width:100%;margin:0 0 16px;padding:12px;background:rgba(32,30,30,.05);border-radius:2px;white-space:pre;font-size:14px;}

.art__cta{margin:32px 0 0;}
.art__cta-lead{margin:0 0 12px;font-size:17px;line-height:1.4;color:var(--dark);}

/* Десктоп: колонка контента уже задана .rb-split__content (max-width 760, padding) → тело ≈600px,
 * комфортная ширина чтения. На широком десктопе .rb-split тянет тёмную панель, колонка фиксирована. */
@media (min-width:980px){
  .art__body{font-size:16px;line-height:1.62;}
}