.cycle-requirement {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 4px 0 20px;
  padding: 12px 14px;
  background: #f5f5f5;
  border-left: 4px solid var(--red);
  font-size: .88rem;
}

.cycle-requirement strong { font-family: Montserrat, sans-serif; }
.cycle-requirement span { color: var(--mid); font-weight: 700; }
.cycle-tabs { margin-top: 0; }
.cycle-tabs button { display: flex; align-items: center; justify-content: center; gap: 7px; }
.step-check {
  display: none;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 50%;
  background: #18794e;
  color: #fff;
  font-size: .7rem;
}
.cycle-tabs button.completed .step-check { display: grid; }

@media (max-width: 520px) {
  .cycle-requirement { align-items: flex-start; flex-direction: column; gap: 2px; }
}