/* =================== КАРКАС СТРАНИЦЫ =================== */
.ndetail {
  display: grid;
  gap: 3rem;
  padding-top: 3rem;
  padding-bottom: 0;
}
.ndetail__in {
  display: grid;
  gap: 2rem;
  justify-items: start;
  max-width: 65.125rem;
  width: 100%;
}
.ndetail-head {
  display: grid;
  gap: 1.5rem;
}
.ndetail-back {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0.5rem;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: rgb(0, 0, 0, 0.6);
  justify-content: left;
}
@media (max-width: 33.75rem) {
  .ndetail-back {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}

.ndetail-title {
  font-weight: 500;
  font-size: 2.75rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-family: var(--font-family);
  color: #000413;
}
@media (max-width: 33.75rem) {
  .ndetail-title {
    font-weight: 500;
    font-size: 2rem;
    line-height: 110%;
    letter-spacing: -0.02em;
  }
}
.ndetail-date {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #000413;
  opacity: 0.6;
}
@media (max-width: 33.75rem) {
  .ndetail-date {
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}
.ndetail-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
}
.ndetail-chip {
  display: grid;
  align-items: center;
  border-radius: 0.75rem;
  padding: 0.75rem;
  background: #e6e6ec;
  font-weight: 500;
  font-size: 1rem;
  line-height: 96%;
  letter-spacing: -0.02em;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
}

/* =================== ГАЛЕРЕЯ (MAIN + THUMBS) =================== */
/* защита от раздувания + базовая геометрия для Свипера */
.ndetail__in,
.ndetail-gallery,
.ndetail-main,
.ndetail .swiper {
  min-width: 0;
  width: 100%;
  height: 100%;
}

.ndetail-gallery {
  display: grid;
  gap: 0.75rem;
  width: 100%;
}

@media (max-width: 33.75rem) {
  .ndetail-gallery {
    gap: 0.25rem;
  }
}

/* ---------- Главный слайдер ---------- */
.ndetail-main {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #0e0e12;
  border-radius: 2.75rem;
  height: 36.625rem; /* desktop: фикс по макету */
}
.ndetail-main .swiper {
  width: 100%;
  height: 100%;
}
.ndetail-main .swiper-wrapper {
  height: 100%;
}
.ndetail-main .swiper-slide {
  display: grid;
  place-items: center;
  height: 100%;
}
.ndetail-main .swiper-slide img {
  width: 100%;
  height: 36.625rem;
  object-fit: cover; /* заполняем без «чёрных полей» */
}

/* Навигация: прозрачная зона + «пилюля» */
.ndetail-nav {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  padding: 0;

  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 5;
}
.ndetail-prev {
  inset-inline-start: 0.75rem;
}
.ndetail-next {
  inset-inline-end: 0.75rem;
}

@media (hover: hover) {
  .ndetail-main:hover .ndetail-nav {
    opacity: 1;
    pointer-events: auto;
  }
}

.nd-pill {
  display: grid;
  place-items: center;
  border-radius: 1rem;
  padding: 1rem 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(0.3125rem);
  backdrop-filter: blur(0.3125rem);
  width: 1.5625rem;
}
.ndetail-nav svg {
  display: block;
  width: 0.625rem;
  height: 1.25rem;
  fill: #fff;
}

/* ---------- Превьюшки (7 / 5 / 4) ---------- */
.ndetail-row {
  display: grid;
  grid-template-columns: 1fr;
}
.ndetail-thumbs .swiper {
  width: 100%;
}

/* Зазор только gap'ом (Swiper — spaceBetween: 0 в JS) */
.ndetail-thumbs .swiper-wrapper {
  align-items: center;
  column-gap: 0.75rem;
}

@media (max-width: 33.75rem) {
  .ndetail-thumbs .swiper-wrapper {
    column-gap: 0.25rem;
  }
}

/* DESKTOP: 7 карточек, 6 промежутков * .75rem */
.ndetail-thumbs .swiper-slide {
  width: calc((100% - (6 * 0.75rem)) / 7);
  aspect-ratio: 139 / 96; /* требуется 139×96 */
  border-radius: 1rem;
  overflow: hidden;
  display: block;
}
.ndetail-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =================== КОНТЕНТ И CTA =================== */
.ndetail-body {
  display: grid;
  gap: 1.5rem;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #000413;
}
.ndetail-body {
  width: 100%;
  min-width: 0; /* важно для grid внутри контейнеров */
  justify-self: stretch;
}
@media (max-width: 33.75rem) {
  .ndetail-body {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}

.ndetail-cta {
  display: grid;
  gap: 0.375rem;
  justify-items: start;
}
.ndetail-cta__link {
  display: inline-grid;
  grid-auto-flow: column;
  gap: 0.625rem;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.25rem;
}

/* =================== АДАПТИВ =================== */
@media (max-width: 64rem) {
  .ndetail-main {
    height: auto;
    aspect-ratio: 1042 / 586;
    border-radius: 2rem;
  }

  /* TABLET: 5 карточек, 4 промежутка */
  .ndetail-thumbs .swiper-slide {
    width: calc((100% - (4 * 0.75rem)) / 5);
    border-radius: 0.75rem;
  }
}

@media (max-width: 33.75rem) {
  .ndetail-chip {
    padding: 0.5rem;
    font-size: 0.875rem;
    line-height: 136%;
  }
  .ndetail-cta__link {
    font-size: 1.0625rem;
  }

  .ndetail-thumbs .swiper-slide {
    width: calc((100% - (2 * 0.375rem)) / 4);
  }
  .ndetail-main {
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 2rem;
  }
}

/* ваши кастомные кнопки, если ещё в разметке */
.ndetail .ndetail-row .ndetail-row__nav {
  display: none;
  pointer-events: none;
}

/* на всякий: стандартные кнопки Swiper */
.ndetail-thumbs .swiper-button-prev,
.ndetail-thumbs .swiper-button-next,
.ndetail-thumbs .swiper-button-prev::after,
.ndetail-thumbs .swiper-button-next::after {
  display: none;
  content: none;
}

/* Контейнер блока ссылки под текстом */
.ndetail-cta {
  display: grid;
  gap: 0.5rem; /* расстояние между ссылкой и подписью */
  justify-items: start;
}

/* Ссылка-кнопка с иконкой справа */
.ndetail-cta__link {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0.5rem; /* зазор между текстом и SVG */
  color: #332d8d;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 110%;
  letter-spacing: -0.02em;
}
.ndetail-cta__link .ndetail-cta__arr {
  width: 0.4375rem;
  height: 0.875rem;
}

/* Подпись под ссылкой */
.ndetail-cta__note {
  color: #000413;
  opacity: 0.5;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 150%;
  letter-spacing: -0.02em;
}

/* ===== Цитата ===== */
.ndetail-quote {
  display: grid;
  gap: 1rem;
  background: #e6e6ec;
  border-radius: 2.75rem;
  padding: 3rem;
}

.ndetail-quote__text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #000413;
}

.ndetail-quote__author {
  justify-self: end;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #000413;
}

/* ===== Мобильная адаптация ===== */
@media (max-width: 33.75rem) {
  .ndetail-quote {
    padding: 1.5rem;
    gap: 0.75rem;
    border-radius: 1.5rem;
  }

  .ndetail-quote__text {
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }

  .ndetail-quote__author {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}

/* Маска под зум */
.mcard__media {
  position: relative;
  overflow: hidden;
}

/* База */
.mcard__media img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transform-origin: center;
  transition: transform 300ms ease-out;
}

/* Hover только там, где он есть */
@media (hover: hover) {
  .mcard__link:hover .mcard__media img {
    transform: scale(1.1);
  }
}

/* Блок под цитатой */
.ndetail-afterquote {
  display: grid;
  gap: 1.5rem; /* отступ между заголовком и подзаголовком */
}

/* Заголовок */
.ndetail-afterquote__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #000413;
}
@media (max-width: 33.75rem) {
  .ndetail-afterquote__title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 110%;
    letter-spacing: -0.02em;
  }
  .ndetail-afterquote__text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}
/* Подзаголовок */
.ndetail-afterquote__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #000413;
}

@media (max-width: 33.75rem) {
  .ndetail-afterquote__text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}

/* Вьюпорт с прокруткой (у тебя уже есть — оставляем) */
.ndetail-table {
  display: grid;
  gap: 2rem;
}
.ndetail-table__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #000413;
}
@media (max-width: 33.75rem) {
  .ndetail-table {
    gap: 1.5rem;
  }

  .ndetail-table__title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 110%;
    letter-spacing: -0.02em;
  }
}
.nd-table-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

/* САМА ТАБЛИЦА: принудительная типографика и сетка */
.nd-table-scroll table {
  border-collapse: collapse; /* нужно, чтобы линия была сплошной через всю строку */
  width: fit-content;
  min-width: 100%;
  max-width: none;
  background: #fff;
  border-radius: 1rem; /* можно оставить для мягких углов */
  text-align: left; /* базовое выравнивание */
}

.nd-table-scroll td p,
.nd-table-scroll th p {
  margin: 0;
} /* визуальный редактор кладёт <p> — убираем отступы */

/* Шапка (первая строка) */
.nd-table-scroll tr:first-child th,
.nd-table-scroll tr:first-child td {
  font-weight: 400; /* как просили — обычный вес */
  color: rgba(0, 4, 19, 0.6); /* 000413 с прозрачностью 0.6 */
}

/* Разделительные линии через всю ширину (включая первую и последнюю) */
.nd-table-scroll tr > * {
  border-top: 0.0625rem solid #000;
} /* линия «перед» каждой строкой */
.nd-table-scroll tr:last-child > * {
  border-bottom: 0.0625rem solid #000;
} /* линия «после» всей таблицы */

/* Мобилка — компактнее шрифт/отступы при желании */
@media (max-width: 33.75rem) {
  .nd-table-scroll th,
  .nd-table-scroll td {
    font-size: 1rem;
    padding: 1.5rem 1rem;
  }
}
/* вьюпорт со скроллом – без изменений */
.nd-table-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

/* таблица: без фона/радиусов, жёсткая сетка */
.nd-table-scroll table {
  border-collapse: collapse; /* чтобы линии были сплошные */
  table-layout: fixed; /* фиксируем ширины колонок */
  width: fit-content;
  min-width: 100%;
  background: transparent; /* убираем белый фон */
  border-radius: 0;
}

/* ячейки: ширина 20.875rem, «gap» 1.5rem (по .75rem паддинг с каждой стороны),
   вертикальные отступы 2rem */
.nd-table-scroll th,
.nd-table-scroll td {
  width: 20.875rem;
  min-width: 20.875rem; /* колонка из макета */
  padding: 2rem; /* .75rem + .75rem = 1.5rem между колонками */
  text-align: left;
  vertical-align: middle;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #000413;
  background: transparent; /* на всякий — без фона */
  padding-left: 0;
}

/* редактор часто кладёт <p> — убираем их отступы */
.nd-table-scroll td p,
.nd-table-scroll th p {
  margin: 0;
}

/* шапка: тот же стиль, только цвет 000413 с 0.6 */
.nd-table-scroll tr:first-child th,
.nd-table-scroll tr:first-child td {
  color: rgba(0, 4, 19, 0.6);
  background: transparent; /* без серого фона */
}

/* разделительные линии через всю ширину */
.nd-table-scroll tr > * {
  border-top: 0.0625rem solid rgba(0, 4, 19, 0.1); /* 0.1 opacity */
}
.nd-table-scroll tr:last-child > * {
  border-bottom: 0.0625rem solid rgba(0, 4, 19, 0.1);
}

/* мобилка при желании компактнее */
@media (max-width: 33.75rem) {
  .nd-table-scroll th,
  .nd-table-scroll td {
    font-size: 1rem;
    padding: 2rem 0.625rem;
    width: 9rem;
    min-width: 9rem;
    padding-left: 0;
  }
}
/* сам вьюпорт */
.nd-table-scroll {
  width: calc(100% + (100vw - 100%) / 2);
  overflow-x: auto;
  overflow-y: hidden;

  /* свайп и инерция */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: auto;

  /* внешний вид при ховере/drag на десктопе */
  cursor: grab;
}

/* полностью скрыть скроллбар во всех браузерах */
.nd-table-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.nd-table-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* во время перетаскивания */
.nd-table-scroll.is-drag {
  cursor: grabbing;
  user-select: none;
}

.back__to {
  width: 1.125rem;
  height: 1.125rem;
}

.carousel__arrows {
  width: 0.625rem;
  height: 1.25rem;
}

.nd_doc_icon {
  width: 1.5rem;
  height: 1.5rem;
}

/* ===== БЛОК «ДОКУМЕНТЫ» ===== */
.ndetail-docs {
  display: grid;
  gap: 1.5rem; /* расстояние между заголовком и файлами */
}

.ndetail-docs__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #000413;
}

.ndetail-docs__list {
  display: grid;
  gap: 2rem;
}

.ndetail-docs__item {
  list-style: none;
}

/* ===== ЭЛЕМЕНТ ДОКУМЕНТА ===== */
.nd-doc {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
}

.nd-doc__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 1.25rem;
  background: #e6e6ec;
  flex-shrink: 0;
}

.nd-doc__cnt {
  display: grid;
  gap: 0.25rem;
}

.nd-doc__name {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 136%;
  letter-spacing: -0.03em;
  color: #000413;
}

.nd-doc__size {
  font-weight: 500;
  font-size: 1rem;
  line-height: 136%;
  letter-spacing: -0.03em;
  color: rgba(0, 4, 19, 0.6);
}

.ndetail-more__title2 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2.75rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: var(--chernyy-osnovnoy, #000413);
}

@media (max-width: 33.75rem) {
  .ndetail-more__title2 {
    font-weight: 500;
    font-size: 2rem;
    line-height: 110%;
    letter-spacing: -0.02em;
  }
}

/* Сверху: «Все новости» ↔ header — 1.5rem */
.ndetail-top {
  display: grid;
  gap: 1.5rem;
}
@media (max-width: 33.75rem) {
  .ndetail-top {
    gap: 1rem;
  }
}
/* Внутри header: заголовок ↔ дата — 1rem; дата ↔ теги — 1.5rem */
.ndetail-head {
  display: grid;
  gap: 1.5rem;
}
.ndetail-titlebox {
  display: grid;
  gap: 1rem;
}

/* Галерея ↔ основной текст — 1.5rem */
.ndetail-galbody {
  display: grid;
  gap: 1.5rem;
}

/* Основной текст ↔ CTA — 4rem, и этот же wrap гарантирует 4rem ДО цитаты */
.ndetail-bodycta {
  display: grid;
  gap: 4rem;
  justify-items: start;
}

/* Цитата ↔ блок под цитатой — 4rem */
.ndetail-quotegrp {
  display: grid;
  gap: 4rem;
}

/* Блок под цитатой ↔ таблица, и таблица ↔ документы — по 4rem */
.ndetail-tabledocs {
  display: grid;
  gap: 4rem;
}
.ndetail-more.nndetail-more {
  padding-top: 7.5rem;
  padding-bottom: 8.875rem;
}

@media (max-width: 64rem) {
  .ndetail-more.nndetail-more {
    padding-top: 2.625rem;
    padding-bottom: 6rem;
  }
}
@media (max-width: 33.75rem) {
  .ndetail-tabledocs {
    gap: 2.75rem;
  }
  .ndetail-more.nndetail-more {
    padding-top: 2.5rem;
    padding-bottom: 4.25rem;
  }
  .mcard__media {
    border-radius: 2rem;
  }
  .mcard__title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 120%;
    letter-spacing: -0.02em;
  }
  .mcard__lead {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
  .mcard__date {
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}

@media (max-width: 64rem) and (min-width: 33.8125rem) {
  .mcard__media {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
  }
  .mdetail-more__grid {
    row-gap: 3.25rem;
  }
}
@media (max-width: 33.75rem) {
  .ndetail-bodycta {
    gap: 2.75rem;
  }
  .ndetail-quotegrp {
    gap: 2.75rem;
  }
}
@media (max-width: 33.75rem) {
  .ndetail-docs__title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 110%;
    letter-spacing: -0.02em;
  }
  .nd-doc__name {
    font-weight: 500;
    font-size: 1rem;
    line-height: 136%;
    letter-spacing: -0.03em;
  }
  .nd-doc__size {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 136%;
    letter-spacing: -0.03em;
  }
  .nd-doc__icon {
    border-radius: 1rem;
    width: 3rem;
    height: 3rem;
  }
}
@media (max-width: 33.75rem) {
  .ndetail-cta__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 33.75rem) {
  .ndetail-cta__note {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 136%;
    letter-spacing: -0.02em;
  }
}

/* ТАЧ-УСТРОЙСТВА: всегда показывать */
@media (hover: none), (pointer: coarse), (max-width: 64rem) {
  .ndetail-main .ndetail-nav {
    opacity: 1;
    pointer-events: auto;
  }
}

/* Мобилка: стрелки чуть компактнее (у тебя уже есть, дополним при желании) */
@media (max-width: 33.75rem) {
  .nd-pill {
    border-radius: 1.125rem;
    padding: 0.75rem 0.375rem;
    width: 2rem;
    height: 2rem;
  }
  .ndetail-nav svg {
    width: 0.5rem;
    height: 0.875rem;
  }
}

/* ===== БЛОК "ЧИТАТЬ ТАКЖЕ" ===== */
.ndetail-more {
  display: grid;
  padding-top: 0;
}
.ndetail-more__in {
  display: grid;
  row-gap: 2rem;
}

.ndetail-more__head {
  display: flex;
  align-items: flex-end;
  gap: 2.75rem;
}
.ndetail-more__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2.875rem;
  line-height: 110%;
  letter-spacing: -0.02em;
  color: var(--chernyy-osnovnoy, #000413);
}
.ndetail-more__more {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: var(--chernyy-600, #000413);
  opacity: 0.6;
}
.ndetail-more__arr {
  display: block;
  color: currentColor;
}

.ndetail-more__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1.25rem;
  row-gap: 4rem;
}

/* ===== КАРТОЧКА ===== */
.mcard {
  display: grid;
  align-content: flex-start;
}
.mcard__link {
  display: grid;
  row-gap: 1rem;
  text-decoration: none;
  color: inherit;
}

.mcard__media {
  display: grid;
  overflow: hidden;
  border-radius: 2.75rem;
  aspect-ratio: 16/9;
}
.mcard__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mcard__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.mchip {
  display: inline-grid;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  background: #e6e6ec;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem;
}
.mchip--muted {
  background: #e6e6ec;
}

.mcard__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2.125rem;
  line-height: 120%;
  letter-spacing: -0.02em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mcard__lead {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: rgba(0, 4, 19, 0.6);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mcard__date {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #000413;
}

/* ===== АДАПТИВ ===== */
@media (max-width: 64rem) {
  .ndetail-more__grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.25rem;
    row-gap: 4rem;
  }
}

@media (max-width: 33.75rem) {
  .ndetail-more__title {
    font-size: 2.25rem;
  }
  .ndetail-more__more {
    font-size: 1rem;
  }
  .ndetail-more__in {
    row-gap: 1.5rem;
  }
  .ndetail-more__grid {
    grid-template-columns: 1fr;
    row-gap: 4rem;
  }
}
.ndetail-body iframe[src*="vk.com/video_ext.php"],
.ndetail-body iframe[src*="youtube.com"],
.ndetail-body iframe[src*="rutube.ru"] {
  width: 70.5rem;
  aspect-ratio: 16/9;
  height: auto;
  border: 0;
  display: block;
  border-radius: 1rem;
}

@media (max-width: 64rem) {
  .ndetail-body iframe[src*="vk.com/video_ext.php"],
  .ndetail-body iframe[src*="youtube.com"],
  .ndetail-body iframe[src*="rutube.ru"] {
    border-radius: 14px;
    width: 45rem;
  }
}

@media (max-width: 33.75rem) {
  .ndetail-body iframe[src*="vk.com/video_ext.php"],
  .ndetail-body iframe[src*="youtube.com"],
  .ndetail-body iframe[src*="rutube.ru"] {
    border-radius: 12px;
    width: 21.4375rem;
  }
}