/* =Latest Updates — FULL CSS v2 (align fix + spacing + tags) =*/

/* Типографика и токены */
.rec-post-module{
  --h3-min: 24px;     /* featured (слева) min */
  --h3-fluid: 2vw;    /* featured (слева) fluid */
  --h3-max: 36px;     /* featured (слева) max */

  --h4-min: 18px;     /* заголовок (справа) min */
  --h4-fluid: 1.35vw; /* заголовок (справа) fluid */
  --h4-max: 24px;     /* заголовок (справа) max */

  --title-lh: 1.14;   /* line-height featured */
  --post-lh: 1.22;    /* line-height справа */

  /* чипсы (tint) */
  --chip-base: var(--primary_color, #0F62FE);
  --chip-tint-amount: 18%;
  --chip-tint-fallback: #CFE0FF;
  --chip-text-dark: #0B1F35;
  --chip-radius: 9999px;
  --chip-ptb: 8px;
  --chip-plr: 14px;
  --chip-font: 12px;
  --chip-weight: 800;
  --chip-ls: .02em;
}

/* Отступ секции и выравнивание колонок по верху */
.rec-post-module .recent-posts{
  margin-top: 5.2rem;
  align-items: flex-start;              /* правая колонка по верхней грани с левой */
}
.rec-post-module .featured-post{ margin-top: 0 !important; }

/* Кликабельный оверлей */
.rec-post-module .rec-post-container{ position: relative; }
.rec-post-module .rec-post-container .rec-post-clicker{ position:absolute; inset:0; z-index:1; }

/* - Featured слева - */
.rec-post-module .featured-post .background-image{
  width:100%; height:28rem; border-radius:12px;
  background:no-repeat center/cover; margin-bottom:1.5rem;
}
.rec-post-module .title-post{
  font-size: clamp(var(--h3-min), var(--h3-fluid), var(--h3-max));
  line-height: var(--title-lh);
  letter-spacing: -0.005em;
  margin: .15rem 0 .4rem;
}

/* -- Правая колонка -- */
.rec-post-module .span7{
  display:flex; flex-direction:column;
  gap:20px;                               /* расстояние между карточками справа */
}
.rec-post-module .span7 .rec-post-container{
  display:flex !important;
  align-items:flex-start !important;
  flex-wrap:nowrap !important;
  column-gap:28px !important;             /* зазор между превью и текстом */
  row-gap:0 !important;
  padding:0 0 20px !important;            /* без верхнего паддинга, чтобы не «проседало» */
}
.rec-post-module .span7 .rec-post-container:not(:last-child){
  border-bottom:1px solid rgba(0,0,0,.12);
}

/* Превью справа: стабильная ширина/высота */
.rec-post-module .span7 .rec-post-container .background-image{
  flex:0 0 clamp(220px, 34%, 340px) !important;
  width:clamp(220px, 34%, 340px) !important;
  max-width:none !important;
  aspect-ratio:16/9; height:auto;
  border-radius:12px;
  background:no-repeat center/cover;
}

/* Текстовый блок справа — без ограничений ширины */
.rec-post-module .span7 .part-text-post,
.rec-post-module .span7 .rec-post-container .span8{
  flex:1 1 auto !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
}

/* Заголовок справа — компактнее */
.rec-post-module .post-title{
  font-size: clamp(var(--h4-min), var(--h4-fluid), var(--h4-max));
  line-height: var(--post-lh);
  margin: 0;
  max-width:none !important;
  letter-spacing: -0.005em;
}

/* - Теги (чипсы) - */
.rec-post-module .topics-list,
.rec-post-module .post-tags__container{
  display:flex !important;
  flex-wrap:wrap;
  gap:.6rem;
  margin:0 0 .6rem;
  visibility:visible !important;
  opacity:1 !important;
}
.rec-post-module .topic-clicker{
  display:inline-flex; align-items:center; justify-content:center;
  padding:var(--chip-ptb) var(--chip-plr);
  border-radius:var(--chip-radius);
  background-color: var(--chip-tint-fallback);
  background-color: color-mix(in srgb, var(--chip-base) var(--chip-tint-amount), white);
  color:var(--chip-text-dark);
  font-weight:var(--chip-weight); font-size:var(--chip-font);
  line-height:1; letter-spacing:var(--chip-ls);
  text-transform:uppercase; text-decoration:none; white-space:nowrap; box-shadow:none;
}

/* Learn More */
.rec-post-module .inline_b_ga{ margin-top:.25rem; }
.rec-post-module .inline_b_ga span{
  color:var(--primary_color,#0F62FE); font-weight:600;
  display:inline-flex; align-items:center; gap:.4rem;
}
.rec-post-module .inline_b_ga span::after{ content:"→"; transition:transform .2s ease; }
.rec-post-module .rec-post-container:hover .inline_b_ga span::after{ transform:translateX(4px); }

/* Пустая CTA — скрыть */
.rec-post-module .secondary_cta a:empty{ display:none; }

/* - Мобилка - */
@media (max-width: 1024px){
  .rec-post-module{ --h3-min: 22px; --h3-max: 32px; --h4-min: 17px; --h4-max: 22px; }
}
@media (max-width: 767px){
  .rec-post-module .featured-post{ margin-bottom:2.0rem; }
  .rec-post-module .featured-post .background-image{
    height:auto;
    aspect-ratio:16/9;
    background-size:contain;
    background-color:#0E1A2B;
  }
  ...
}
@media (max-width: 480px){
  .rec-post-module .featured-post .background-image{ height:auto; }
}