/* Порождено _tools/build_css.py из _tools/css/topics.css.
   Правьте ИСХОДНИК: здесь правка живёт до следующей сборки.
   Комментарии сняты намеренно - они составляют 80% веса. */
.topic-lead {
  margin: 0 0 var(--gap-lg);
}
.topic-lead p {
  font-size: var(--fs-lead);
  line-height: 1.5;
  color: var(--ink-soft);
  margin: 0 0 var(--gap-sm);
}
.topic-lead p:last-child { margin-bottom: 0; }
.topic-cta {
  margin: var(--gap-lg) 0 0;
  padding: var(--gap-md);
  background: var(--bg-alt);
}
.topic-cta > :first-child { margin-top: 0; }
.topic-cta p { margin: var(--gap-sm) 0 0; }
.topic-btn {
  display: inline-block;
  margin-top: var(--gap-xs);
  padding: .55rem .9rem;
  background: var(--cta-bg); color: var(--ink-invert);
  font-family: var(--sans-nav); font-size: var(--fs-cta); font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; text-decoration: none;
}
.topic-btn:hover, .topic-btn:focus-visible {
  background: var(--cta-bg-hover); color: var(--ink-invert);
}
.topic-related { margin: var(--gap-lg) 0 0; }
.topic-related ul { list-style: none; margin: var(--gap-sm) 0 0; padding: 0; }
.topic-related li { border-top: 1px solid var(--rule); }
.topic-related li:last-child { border-bottom: 1px solid var(--rule); }
.topic-related a {
  display: block; padding: .8rem 0;
  color: var(--ink); text-decoration: none;
}
.topic-related a span {
  display: block; margin-top: .2rem;
  font-size: .95rem; color: var(--ink-soft);
}
.topic-related a:hover, .topic-related a:focus-visible { color: var(--link); }
.topic-related a:hover span, .topic-related a:focus-visible span {
  color: var(--ink-soft);
}
.topic-list { list-style: none; margin: var(--gap-md) 0 0; padding: 0; }
.topic-list li { border-top: 1px solid var(--rule); }
.topic-list li:last-child { border-bottom: 1px solid var(--rule); }
.topic-list a {
  display: block; padding: 1rem 0;
  font-family: var(--serif); font-size: var(--fs-menu); line-height: 1.2;
  color: var(--ink); text-decoration: none;
}
.topic-list a span {
  display: block; margin-top: .3rem;
  font-family: var(--sans); font-size: .95rem; line-height: 1.45;
  color: var(--ink-soft);
}
.topic-list a:hover, .topic-list a:focus-visible { color: var(--link); }