/* Архив конкурсов — вся строка списка кликабельна (компонент своего
   рода .topic-card из card-topic.css: <a> как flex-контейнер строки),
   но со стрелкой справа и сдвигом при наведении, т.к. позиций много
   и нужна более явная подсказка на клик, чем просто подчёркнутая
   ссылка внутри абзаца.
   Общий слой (normalize/tokens/base/шапка/футер/баннер) — в common.css. */

   .prose ul{
    margin: 0;
    padding: 0;
   }
   .prose li{
    list-style: none;
   }

.call-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.prose a.call-row {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  background: var(--white);
  color: var(--ink-900);
  text-decoration: none;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.prose a.call-row:hover {
  border-color: var(--color-accent-light);
  background: rgba(5, 117, 129, 0.05);
  box-shadow: var(--shadow-s);
  transform: translateX(4px);
}

.call-row__icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(5, 117, 129, 0.08);
  transition: background-color 0.2s ease;
}

.prose a.call-row:hover .call-row__icon {
  background: var(--color-accent-light);
}

.call-row__icon .icon {
  width: 22px;
  height: 22px;
}

.call-row__text {
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}

.call-row__arrow {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  transition: transform 0.2s ease;
}

.call-row:hover .call-row__arrow {
  transform: translateX(4px);
}

.call-row__arrow .icon {
  width: 18px;
  height: 18px;
}

@media (max-width: 639px) {
  .call-row {
    padding: var(--space-3) var(--space-4);
    gap: var(--space-3);
  }

  .call-row__icon {
    width: 36px;
    height: 36px;
  }

  .call-row__text {
    font-size: 15px;
  }
}
