/* Article-specific styles. Hero concepts live in hero-concepts.css. */

/* ---------- короткие перечни внутри блока ---------- */
.hw-list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }
.hw-list li { position: relative; padding-left: 22px; font-size: 16px; line-height: 1.375; color: var(--fg-3); }
.hw-list li::before {
  content: ''; position: absolute; left: 2px; top: .5em;
  width: 9px; height: 5px;
  border-left: 1.5px solid var(--purple-4); border-bottom: 1.5px solid var(--purple-4);
  transform: rotate(-45deg);
}
.hw-list b { font-weight: 500; color: var(--fg-4); }

/* ---------- «Что ещё»: группы под заголовками ---------- */
.hw-grp { margin: 28px 0 0; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--fg-4); }
.hw-grp + .hw-list { margin-top: 10px; }

.menu-reel__lead code, .hw-list code {
  padding: 1px 5px; border-radius: 4px;
  background: var(--bg-2); color: var(--fg-4);
  font-size: .9em;
}

@media (prefers-reduced-motion: reduce) {
  .hw-hero__band img { animation: none; }
}