:root {
  --article-ink:#FFFFFF;
  --article-muted:#5b6675;
  --article-line:#e9eef5;
}

.article-section {
  background:#000000;
  color:var(--article-ink);
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
}

.article-container {
  max-width:1100px;
  margin:0 auto;
  padding:60px 20px;
}

.article-hero {
  text-align:center;
  padding:60px 0 60px;
/*  background:radial-gradient(60% 60% at 50% 0%, #f7f9fc 0%, #fff 70%);*/
}

/*.article-title {
  font-size:clamp(32px,6vw,52px);
  font-weight:800;
  line-height:1.1;
  margin-bottom:24px;
  color:var(--article-ink);
}*/
.article-title {
  font-size: clamp(32px, 6vw, 52px);
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 24px;
  color: var(--article-ink);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  /* новые строки 👇 */
  max-width: 1100px;          /* чтобы заголовок не растягивался на весь экран */
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.article-hero-img {
  max-width:800px;
  width:100%;
  border-radius:24px;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  margin:0 auto;
}

.article-body {
  font-size:18px;
  line-height:1.8;
  color: var(--article-ink);
  text-align:justify;
  margin-top:40px;
}

.article-body p {
  margin-bottom:20px;
}

.article-body h2, 
.article-body h3 {
  margin-top:40px;
  color:var(--article-ink);
}

.article-body ul {
  padding-left:24px;
}

.article-body li {
  margin-bottom:8px;
}

.fade {
  opacity:0;
  transform:translateY(10px);
  animation:fadeIn .6s ease forwards;
}

@keyframes fadeIn {
  to {opacity:1;transform:none;}
}