/* welawart-listing.css — раскладка лент/листингов (Публикации/Новости/Советы/Документы + /cases/).
 * Каркас + ОБЩИЙ тёмный сплит (.rb-split: панель/печать/знак ART/LAW/back) — в welawart-rebuild.css.
 * Лента теперь живёт В сплите: рубрикатор + сетка карточек в ПРАВОЙ колонке (.rb-split__content) — тот же
 * сплит, что на услуге/кейсе/о-компании/статье, сайт ощущается единым. Мобайл: панель скрыта, одна колонка.
 *
 * ВАЖНО: сами карточки (.rb-grid/.rb-card*) переиспользуются и на ГЛАВНОЙ (секция «Публикации») — их
 * базовые правила НЕ привязаны к ленте и НЕ меняются; раскладку «в сплите» добавляют только селекторы
 * .rb-split.rb-list (см. десктоп-блок ниже). */

/* шапка ленты в правой колонке: заголовок (rb-split__title) → рубрикатор → интро.
 * .rb-split__title по умолчанию имеет большой нижний отступ (для прозы) — для ленты поджимаем к рубрикатору. */
.rb-split.rb-list .rb-split__title{margin:0 0 10px;}

/* рубрикатор: табы разделов + «Смотреть всё» */
.rb-rubr{display:flex;flex-wrap:wrap;gap:4px 18px;margin:8px 0 0;}
.rb-rubr__item{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--dark);opacity:.7;overflow-wrap:anywhere;}
.rb-rubr__item:hover{opacity:1;}
.rb-rubr__item.is-active{color:var(--bordo);opacity:1;}
.rb-rubr__all{margin-left:auto;}

.rb-list__intro{max-width:720px;margin:14px 0 0;font-size:16px;line-height:1.5;color:var(--dark);}
.rb-list__empty{margin:24px 0;font-size:16px;color:#3a3838;}

/* сетка карточек — базовые правила ОБЩИЕ с главной (.rb-grid/.rb-card), вне зависимости от ленты */
.rb-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:22px 0 0;}
@media (min-width:640px){.rb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}}

/* карточка-ссылка (публикация/новость/совет) */
.rb-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:2px;background:var(--cream);color:var(--dark);transition:border-color .2s;overflow:hidden;overflow-wrap:anywhere;}
.rb-card:hover{border-color:rgba(32,30,30,.32);}
.rb-card__ph{display:block;margin:-22px -22px 6px;aspect-ratio:16/9;background:#ece9e0;}
.rb-card__ph img{width:100%;height:100%;object-fit:cover;}
.rb-card__cat{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--bordo);}
.rb-card__title{margin:0;font-size:19px;line-height:1.2;font-weight:500;color:var(--dark);}
.rb-card__teaser{font-size:15px;line-height:1.45;color:#3a3838;}
.rb-card__more{margin-top:auto;padding-top:8px;font-size:14px;font-weight:500;color:var(--bordo);}

/* карточка документа: тёплый фон + раскрытие «как работать» + кнопка скачивания */
.rb-card--doc{background:#f3f1ea;border-color:transparent;}
.rb-card__how{margin:2px 0 0;}
.rb-card__how summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--bordo);list-style:none;}
.rb-card__how summary::-webkit-details-marker{display:none;}
.rb-card__how summary::after{content:"+";margin-left:8px;font-size:15px;}
.rb-card__how[open] summary::after{content:"\2212";}
.rb-card__how-body{padding:4px 0 8px;font-size:14px;line-height:1.45;color:#3a3838;}
.rb-card__dl{align-self:flex-start;margin-top:8px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:11px 20px;background:var(--bordo);color:#fff;font-size:13px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;border-radius:2px;}  /* EDITS4-4: белый текст на бордо */
.rb-card__dl:active{opacity:.9;}

.rb-list__cta{margin:32px 0 0;}

/* ===================== ДЕСКТОП ≥980 ===================== */
@media (min-width:980px){
  /* общие правила карточек (используются и на главной) */
  .rb-grid{gap:24px;}
  .rb-card{padding:26px;}
  .rb-card__ph{margin:-26px -26px 8px;}
  .rb-card__title{font-size:20px;}

  /* лента В сплите: сетка живёт в правой (узкой) колонке сплита. auto-fit + minmax(250px,1fr) →
   * карточки 2-в-ряд, когда колонка достаточно широкая (десктоп Руслана 1366–1440), и 1-в-ряд, когда
   * колонка узкая (≈980–1260), НЕ сжимаясь ниже читаемых 250px. Жёсткий repeat(2) сплющил бы их в
   * узкой колонке — поэтому здесь переопределяем общий ≥640-репит именно для ленты-в-сплите. */
  .rb-split.rb-list .rb-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
  /* рубрикатор в колонке контента — по левому краю (а не на всю ширину) */
  .rb-split.rb-list .rb-rubr{justify-content:flex-start;}
}

/* ===================== MOBILE_STYLE (≤768): полировка лент ===================== */
@media (max-width:768px){
  .rb-card{padding:22px;border-radius:12px;transition:transform .22s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent;}
  .rb-card:active{transform:scale(.99);}
  .rb-card__title{font-size:20px;line-height:1.22;}
  .rb-card--doc{border-color:rgba(121,14,44,.16);}  /* бордо-акцент рамки документов */
  /* рубрикатор: тач-цель крупнее, активная вкладка — бордо (акцент уже задан выше) */
  .rb-rubr{gap:6px 16px;margin-top:10px;}
  .rb-rubr__item{min-height:46px;font-size:13px;}
  .rb-list__intro{font-size:16px;}
  .rb-list__cta{margin-top:30px;}
}