/* VAHTA ARTICLE GLOBAL CSS. Вставить один раз в CSS/HTML Head сайта Tilda. HTML отдельно в T123. */
#vahtaArticleTilda,
#vahtaArticleTilda * {
  box-sizing: border-box !important;
}

#vahtaArticleTilda {
  --vahta-bg: #000000;
  --vahta-card: #080808;
  --vahta-line: rgba(255,255,255,.16);
  --vahta-text: rgba(255,255,255,.82);
  --vahta-muted: rgba(255,255,255,.62);
  --vahta-heading: #ffffff;
  --vahta-yellow: #fcdf2c;
  --vahta-blue: #008fbd;

  display: block !important;
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 86px 24px 88px !important;
  background: var(--vahta-bg) !important;
  color: var(--vahta-text) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  opacity: 1 !important;
  isolation: isolate !important;
}

#vahtaArticleTilda::before {
  content: "РЕАЛИТИ-ШОУ / АРКТИКА / ПРОИЗВОДСТВО" !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin: 0 0 28px !important;
  padding: 7px 12px 6px !important;
  border: 1px solid rgba(252,223,44,.55) !important;
  border-radius: 999px !important;
  color: var(--vahta-yellow) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

#vahtaArticleTilda h1,
#vahtaArticleTilda h2,
#vahtaArticleTilda h3,
#vahtaArticleTilda p,
#vahtaArticleTilda a,
#vahtaArticleTilda li,
#vahtaArticleTilda td,
#vahtaArticleTilda th,
#vahtaArticleTilda span,
#vahtaArticleTilda strong,
#vahtaArticleTilda em {
  opacity: 1 !important;
  visibility: visible !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

#vahtaArticleTilda h1,
#vahtaArticleTilda h2,
#vahtaArticleTilda h3 {
  color: var(--vahta-heading) !important;
  text-align: left !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

#vahtaArticleTilda h1 {
  max-width: 920px !important;
  margin: 0 0 30px !important;
  font-size: clamp(40px, 5.6vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -0.055em !important;
}

#vahtaArticleTilda h2 {
  margin: 82px 0 26px !important;
  padding-top: 32px !important;
  border-top: 1px solid var(--vahta-line) !important;
  font-size: clamp(30px, 3.5vw, 46px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
}

#vahtaArticleTilda h2::before {
  content: "" !important;
  display: block !important;
  width: 74px !important;
  height: 6px !important;
  margin: 0 0 24px !important;
  background: var(--vahta-yellow) !important;
  border-radius: 999px !important;
}

#vahtaArticleTilda h3 {
  margin: 34px 0 12px !important;
  color: var(--vahta-yellow) !important;
  font-size: clamp(19px, 2.1vw, 24px) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.025em !important;
}

#vahtaArticleTilda p {
  max-width: 860px !important;
  margin: 0 0 20px !important;
  color: var(--vahta-text) !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
}

#vahtaArticleTilda a {
  color: var(--vahta-blue) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0,143,189,.55) !important;
  transition: color .18s ease, border-color .18s ease, background .18s ease !important;
}

#vahtaArticleTilda a:hover {
  color: var(--vahta-yellow) !important;
  border-bottom-color: var(--vahta-yellow) !important;
}

#vahtaArticleTilda .vahta-note-link,
#vahtaArticleTilda .vahta-final-note {
  margin: 28px 0 !important;
  padding: 20px 22px !important;
  border: 1px solid rgba(252,223,44,.26) !important;
  border-radius: 16px !important;
  background: rgba(252,223,44,.07) !important;
  color: rgba(255,255,255,.86) !important;
}

#vahtaArticleTilda .vahta-final-note {
  margin-top: 36px !important;
  background: rgba(0,143,189,.10) !important;
  border-color: rgba(0,143,189,.30) !important;
}

#vahtaArticleTilda .vahta-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 30px 0 34px !important;
  overflow-x: auto !important;
  border: 1px solid var(--vahta-line) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.035) !important;
}

#vahtaArticleTilda .vahta-table {
  width: 100% !important;
  min-width: 640px !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  color: var(--vahta-text) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

#vahtaArticleTilda .vahta-table th,
#vahtaArticleTilda .vahta-table td {
  padding: 16px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  color: var(--vahta-text) !important;
  text-align: left !important;
  vertical-align: top !important;
  background: transparent !important;
}

#vahtaArticleTilda .vahta-table th {
  color: #000 !important;
  background: var(--vahta-yellow) !important;
  font-weight: 800 !important;
}

#vahtaArticleTilda .vahta-table tr:last-child td {
  border-bottom: 0 !important;
}

@media (max-width: 760px) {
  #vahtaArticleTilda {
    width: 100% !important;
    padding: 56px 18px 64px !important;
    font-size: 16px !important;
  }

  #vahtaArticleTilda::before {
    margin-bottom: 22px !important;
    font-size: 10px !important;
    letter-spacing: .09em !important;
  }

  #vahtaArticleTilda h1 {
    font-size: clamp(34px, 11vw, 48px) !important;
    line-height: 1.02 !important;
  }

  #vahtaArticleTilda h2 {
    margin-top: 58px !important;
    font-size: clamp(26px, 8vw, 34px) !important;
  }

  #vahtaArticleTilda h3 {
    font-size: 19px !important;
  }

  #vahtaArticleTilda p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  #vahtaArticleTilda .vahta-note-link,
  #vahtaArticleTilda .vahta-final-note {
    border-radius: 13px !important;
  }
}