/* БЛОК: articles — статья раскрывается без JavaScript */
.articles { padding: 64px 0; background: var(--color-bg-alt); }
.articles__heading { max-width: 700px; margin: 0 auto 32px; text-align: center; }
.articles__heading h2 { font-size: 28px; margin-bottom: 12px; }
.articles__heading p { color: var(--color-text-muted); }

.article-card {
  max-width: 860px;
  margin: 0 auto;
  padding: 28px;
  background: var(--color-bg);
  border: 1px solid #e8e3dc;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}
.article-card__meta { margin-bottom: 12px; color: var(--color-primary); font-size: 13px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.article-card h3 { font-size: 23px; margin-bottom: 14px; }
.article-card__lead { color: var(--color-text-muted); font-size: 17px; }
.article-card__details { margin-top: 24px; border-top: 1px solid #e8e3dc; }
.article-card__details summary {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0 2px;
  color: var(--color-primary);
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}
.article-card__details summary::-webkit-details-marker { display: none; }
.article-card__details .article-card__toggle-label--open { display: none; }
.article-card__details[open] .article-card__toggle-label { display: none; }
.article-card__details[open] .article-card__toggle-label--open { display: inline; }
.article-card__details .article-card__toggle-icon { transition: transform var(--transition); }
.article-card__details[open] .article-card__toggle-icon { transform: rotate(90deg); }
.article-card__content { padding-top: 22px; color: var(--color-text-muted); }
.article-card__content p { margin-bottom: 16px; }
.article-card__content h4 { margin: 30px 0 12px; color: var(--color-secondary); font-size: 20px; }
.article-card__content ul, .article-card__content ol { margin: 0 0 18px 22px; }
.article-card__content li { margin-bottom: 8px; padding-left: 4px; }
.article-card__content ul { list-style: disc; }
.article-card__content ol { list-style: decimal; }
.article-card__content .full-article { max-width: none; margin: 0; padding: 0; }
.article-card__content .full-article h1 { margin-bottom: 32px; }
.article-card__content .full-article h2 { margin: 38px 0 16px; font-size: 24px; }
.article-card__content .full-article h3 { margin: 28px 0 12px; font-size: 19px; }
.article-card__content .full-article ul { list-style: disc; margin: 0 0 20px 24px; }
.article-card__content .full-article li { margin-bottom: 8px; color: var(--color-text-muted); }

@media (min-width: 768px) {
  .articles { padding: 90px 0; }
  .articles__heading h2 { font-size: 32px; }
  .article-card { padding: 42px 48px; }
  .article-card h3 { font-size: 28px; }
}